@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&family=Poppins:wght@300;400;500;600;700&display=swap');

/* ================================================================
   MEHMET KARATAS GAYRIMENKUL - ULTRA MODERN GOLD LUXURY THEME
   ================================================================ */

:root {
    --primary: #0f0f0f;
    --secondary: #c5a028;
    --accent: #ffd700;
    --light: #f8f5ed;
    --dark: #0a0a0a;
    --white: #ffffff;
    --success: #27ae60;
    --gray: #8c8c8c;
    --danger: #e74c3c;
    --warning: #f39c12;
    --gold-gradient: linear-gradient(135deg, #b8860b 0%, #c5a028 25%, #ffd700 50%, #d4af37 75%, #b8860b 100%);
    --gold-gradient-light: linear-gradient(135deg, #d4af37, #ffd700, #c5a028);
    --gold-gradient-dark: linear-gradient(135deg, #8b6508, #b8860b, #c5a028);
    --shadow-gold: 0 4px 20px rgba(197, 160, 40, 0.3);
    --shadow-gold-lg: 0 10px 40px rgba(197, 160, 40, 0.35);
    --shadow-gold-glow: 0 0 30px rgba(255, 215, 0, 0.3), 0 0 60px rgba(197, 160, 40, 0.1);
}

* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; font-size:16px; }
body { font-family:'Poppins','Segoe UI',sans-serif; background:linear-gradient(180deg,#faf8f3 0%,#f5f0e1 50%,#faf8f3 100%); background-attachment:fixed; color:#2c2c2c; line-height:1.7; overflow-x:hidden; }

/* ===== AURORA BACKGROUND ===== */
.aurora-bg { position:relative; overflow:hidden; }
.aurora-bg::before { content:''; position:absolute; inset:-50%; background:radial-gradient(ellipse at 20% 50%,rgba(197,160,40,0.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 30%,rgba(255,215,0,0.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(180,140,30,0.1) 0%,transparent 50%); animation:aurora 15s ease-in-out infinite alternate; pointer-events:none; z-index:0; }
@keyframes aurora { 0%{transform:rotate(0deg) scale(1)} 50%{transform:rotate(5deg) scale(1.1)} 100%{transform:rotate(-5deg) scale(1)} }
::selection { background:rgba(197,160,40,0.35); color:#1a1a1a; }
::-webkit-scrollbar { width:8px; }
::-webkit-scrollbar-track { background:#f1f1f1; border-radius:4px; }
::-webkit-scrollbar-thumb { background:var(--gold-gradient-dark); border-radius:4px; }
::-webkit-scrollbar-thumb:hover { background:var(--secondary); }
a { text-decoration:none; color:inherit; transition:0.35s ease; }
img { max-width:100%; height:auto; }
.container { max-width:1280px; margin:0 auto; padding:0 24px; }

/* ===== SCROLL PROGRESS ===== */
.scroll-progress { position:fixed; top:0; left:0; height:3px; background:var(--gold-gradient); z-index:9999; width:0%; transition:width 0.1s linear; box-shadow:0 0 10px rgba(255,215,0,0.5); }

/* ===== ANIMATIONS ===== */
@keyframes fadeInUp { from{opacity:0;transform:translateY(60px)} to{opacity:1;transform:translateY(0)} }
@keyframes fadeInDown { from{opacity:0;transform:translateY(-40px)} to{opacity:1;transform:translateY(0)} }
@keyframes fadeInScale { from{opacity:0;transform:scale(0.8)} to{opacity:1;transform:scale(1)} }
@keyframes slideInLeft { from{opacity:0;transform:translateX(-80px)} to{opacity:1;transform:translateX(0)} }
@keyframes slideInRight { from{opacity:0;transform:translateX(80px)} to{opacity:1;transform:translateX(0)} }
@keyframes pulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }
@keyframes pulse-glow { 0%,100%{box-shadow:0 0 5px rgba(197,160,40,0.3)} 50%{box-shadow:0 0 25px rgba(255,215,0,0.6)} }
@keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-15px)} }
@keyframes float-slow { 0%,100%{transform:translateY(0) rotate(0deg)} 50%{transform:translateY(-20px) rotate(3deg)} }
@keyframes shimmer { 0%{background-position:-200% center} 100%{background-position:200% center} }
@keyframes rotateGlow { from{transform:rotate(0)} to{transform:rotate(360deg)} }
@keyframes gradientShift { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
@keyframes countUp { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} }
@keyframes bounce { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-20px)} }
@keyframes neon-flicker { 0%,100%{opacity:1} 50%{opacity:0.8} 52%{opacity:0.3} 54%{opacity:1} }
@keyframes particle-float { 0%{transform:translateY(0) translateX(0);opacity:0} 10%{opacity:1} 90%{opacity:1} 100%{transform:translateY(-100vh) translateX(50px);opacity:0} }

.reveal { opacity:0; transform:translateY(60px); transition:all 0.9s cubic-bezier(0.175,0.885,0.32,1.275); }
.reveal.active { opacity:1; transform:translateY(0); }
.reveal-left { opacity:0; transform:translateX(-80px); transition:all 0.9s cubic-bezier(0.175,0.885,0.32,1.275); }
.reveal-left.active { opacity:1; transform:translateX(0); }
.reveal-right { opacity:0; transform:translateX(80px); transition:all 0.9s cubic-bezier(0.175,0.885,0.32,1.275); }
.reveal-right.active { opacity:1; transform:translateX(0); }
.reveal-scale { opacity:0; transform:scale(0.8); transition:all 0.8s cubic-bezier(0.175,0.885,0.32,1.275); }
.reveal-scale.active { opacity:1; transform:scale(1); }
.reveal-rotate { opacity:0; transform:rotate(-10deg) scale(0.9); transition:all 0.8s cubic-bezier(0.175,0.885,0.32,1.275); }
.reveal-rotate.active { opacity:1; transform:rotate(0) scale(1); }

.stagger-1 { transition-delay:0.1s; }
.stagger-2 { transition-delay:0.2s; }
.stagger-3 { transition-delay:0.3s; }
.stagger-4 { transition-delay:0.4s; }
.stagger-5 { transition-delay:0.5s; }
.stagger-6 { transition-delay:0.6s; }

/* ===== HEADER ===== */
header { background:rgba(10,10,10,0.88); backdrop-filter:blur(24px) saturate(200%); -webkit-backdrop-filter:blur(24px) saturate(200%); color:var(--white); padding:16px 0; position:sticky; top:0; z-index:1000; box-shadow:0 4px 30px rgba(197,160,40,0.3),0 1px 0 rgba(197,160,40,0.5); border-bottom:1px solid rgba(197,160,40,0.35); transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275); }
header.scrolled { padding:10px 0; background:rgba(10,10,10,0.96); box-shadow:0 4px 50px rgba(197,160,40,0.4); }
header .container { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; }
.logo { display:flex; align-items:center; gap:12px; }
.site-logo { height:52px; width:auto; filter:drop-shadow(0 2px 8px rgba(197,160,40,0.5)); transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275); }
.site-logo:hover { transform:scale(1.12) rotate(-3deg); filter:drop-shadow(0 6px 16px rgba(197,160,40,0.7)); }
.logo-text { font-family:'Playfair Display',serif; font-size:1.5rem; font-weight:700; background:var(--gold-gradient); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; letter-spacing:0.5px; animation:neon-flicker 3s ease-in-out infinite; }
nav ul { list-style:none; display:flex; gap:30px; align-items:center; }
nav a { color:rgba(255,255,255,0.85); font-weight:500; font-size:0.95rem; transition:all 0.35s ease; position:relative; padding:6px 0; }
nav a::after { content:''; position:absolute; bottom:0; left:0; width:0; height:2.5px; background:var(--gold-gradient); transition:width 0.4s cubic-bezier(0.175,0.885,0.32,1.275); border-radius:2px; }
nav a:hover { color:var(--accent); transform:translateY(-2px); }
nav a:hover::after { width:100%; }
.mobile-menu-btn { display:none; background:none; border:none; color:var(--white); font-size:1.5rem; cursor:pointer; transition:0.3s ease; }
.mobile-menu-btn:hover { color:var(--accent); transform:scale(1.15) rotate(90deg); }

/* ===== HERO ===== */
.hero { background:linear-gradient(rgba(10,10,10,0.85),rgba(15,15,10,0.92)),url('https://images.unsplash.com/photo-1560518883-ce09059eeffa?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80'); background-size:cover; background-position:center; background-attachment:fixed; padding:160px 0 140px; text-align:center; color:var(--white); position:relative; overflow:hidden; }
.hero::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:radial-gradient(circle at 30% 50%,rgba(197,160,40,0.18) 0%,transparent 60%),radial-gradient(circle at 70% 80%,rgba(197,160,40,0.12) 0%,transparent 50%); pointer-events:none; }
.hero::after { content:''; position:absolute; top:-50%; left:-50%; width:200%; height:200%; background:repeating-conic-gradient(from 0deg,transparent 0deg 10deg,rgba(197,160,40,0.04) 10deg 20deg); animation:rotateGlow 80s linear infinite; pointer-events:none; }
.hero .container { position:relative; z-index:1; }

.particle { position:absolute; width:4px; height:4px; background:var(--accent); border-radius:50%; opacity:0.6; animation:particle-float linear infinite; pointer-events:none; }

.hero h1 { font-family:'Playfair Display',serif; font-size:4rem; margin-bottom:24px; background:var(--gold-gradient); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; font-weight:800; letter-spacing:-2px; animation:fadeInUp 1.2s cubic-bezier(0.175,0.885,0.32,1.275); line-height:1.1; text-shadow:0 0 60px rgba(197,160,40,0.3); }
.hero .subtitle { font-size:1.4rem; margin-bottom:50px; opacity:0.8; animation:fadeInUp 1.2s cubic-bezier(0.175,0.885,0.32,1.275) 0.3s both; max-width:700px; margin-left:auto; margin-right:auto; font-weight:300; color:rgba(255,255,255,0.85); }

.search-box { background:rgba(255,255,255,0.97); padding:40px; border-radius:28px; max-width:980px; margin:0 auto; box-shadow:var(--shadow-gold-lg),0 25px 80px rgba(0,0,0,0.2); border:1px solid rgba(197,160,40,0.25); animation:fadeInUp 1.2s cubic-bezier(0.175,0.885,0.32,1.275) 0.5s both; position:relative; overflow:hidden; }
.search-box::before { content:''; position:absolute; inset:0; border-radius:28px; padding:2px; background:var(--gold-gradient); -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; opacity:0.5; }
.search-box::after { content:''; position:absolute; top:-50%; left:-50%; width:200%; height:200%; background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,0.1) 50%,transparent 60%); animation:shimmer 4s ease-in-out infinite; pointer-events:none; }
.search-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:22px; }

.form-group { display:flex; flex-direction:column; text-align:left; position:relative; }
.form-group label { font-size:0.9rem; color:#444; margin-bottom:10px; font-weight:600; transition:color 0.3s ease; }
.form-group:focus-within label { color:var(--secondary); }
.form-group select,.form-group input { padding:16px 18px; border:2.5px solid #e8e0cc; border-radius:16px; font-size:1rem; transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275); background:#fffef8; color:#333; font-family:'Poppins',sans-serif; }
.form-group select:focus,.form-group input:focus { outline:none; border-color:var(--secondary); box-shadow:0 0 0 5px rgba(197,160,40,0.15),0 4px 12px rgba(197,160,40,0.1); transform:translateY(-3px); background:#fff; }
.form-group input::placeholder { color:#999; }

/* ===== BUTTONS ===== */
.btn { display:inline-block; padding:16px 32px; border:none; border-radius:16px; cursor:pointer; font-size:1rem; font-weight:600; transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275); text-align:center; font-family:'Poppins',sans-serif; position:relative; overflow:hidden; letter-spacing:0.3px; }
.btn::before { content:''; position:absolute; top:0; left:-100%; width:100%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent); transition:left 0.7s ease; }
.btn:hover::before { left:100%; }
.btn:active { transform:scale(0.95); }

.btn-primary { background:var(--gold-gradient); color:#1a1200; box-shadow:var(--shadow-gold); font-weight:700; background-size:200% 200%; animation:gradientShift 5s ease infinite; }
.btn-primary:hover { transform:translateY(-5px); box-shadow:var(--shadow-gold-lg),0 0 50px rgba(255,215,0,0.3); }
.btn-success { background:linear-gradient(135deg,#27ae60,#2ecc71); color:var(--white); box-shadow:0 4px 15px rgba(39,174,96,0.3); background-size:200% 200%; }
.btn-success:hover { transform:translateY(-4px); box-shadow:0 10px 30px rgba(39,174,96,0.4); }
.btn-warning { background:linear-gradient(135deg,#d4a017,#f39c12); color:var(--white); box-shadow:0 4px 15px rgba(212,160,23,0.3); }
.btn-warning:hover { transform:translateY(-4px); box-shadow:0 10px 30px rgba(212,160,23,0.4); }
.btn-danger { background:linear-gradient(135deg,#c0392b,#e74c3c); color:var(--white); box-shadow:0 4px 15px rgba(192,57,43,0.3); }
.btn-danger:hover { transform:translateY(-4px); box-shadow:0 10px 30px rgba(192,57,43,0.4); }
.btn-secondary { background:linear-gradient(135deg,#6c757d,#8c8c8c); color:var(--white); }
.btn-secondary:hover { transform:translateY(-4px); box-shadow:0 10px 30px rgba(108,117,125,0.3); }
.btn-small { padding:10px 18px; font-size:0.85rem; border-radius:12px; }
.btn-block { width:100%; display:block; }

/* ===== SECTION ===== */
.section { padding:80px 0; }
.section-title { text-align:center; font-family:'Playfair Display',serif; font-size:2.6rem; margin-bottom:50px; color:var(--primary); font-weight:700; position:relative; }
.section-title::after { content:''; display:block; width:100px; height:4px; background:var(--gold-gradient); margin:15px auto 0; border-radius:2px; }
.section-title span { background:var(--gold-gradient); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }

/* ===== ILAN CARDS ===== */
.ilan-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(350px,1fr)); gap:40px; perspective:1000px; }
.ilan-card { background:var(--white); border-radius:28px; overflow:hidden; box-shadow:0 6px 30px rgba(0,0,0,0.08); transition:all 0.6s cubic-bezier(0.175,0.885,0.32,1.275); border:1px solid rgba(197,160,40,0.12); position:relative; transform-style:preserve-3d; }
.ilan-card::before { content:''; position:absolute; inset:0; border-radius:28px; padding:2px; background:var(--gold-gradient); -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; opacity:0; transition:opacity 0.4s ease; }
.ilan-card:hover::before { opacity:0.7; }
.ilan-card:hover { transform:translateY(-15px) rotateX(3deg) rotateY(-2deg); box-shadow:var(--shadow-gold-lg),0 30px 60px rgba(0,0,0,0.12); border-color:rgba(197,160,40,0.3); }
.ilan-image { width:100%; height:250px; object-fit:cover; background:#eee; transition:transform 0.7s cubic-bezier(0.175,0.885,0.32,1.275); }
.ilan-card:hover .ilan-image { transform:scale(1.1); }
.ilan-image-wrapper { position:relative; overflow:hidden; }
.ilan-image-wrapper::after { content:''; position:absolute; bottom:0; left:0; right:0; height:60%; background:linear-gradient(to top,rgba(0,0,0,0.5),transparent); pointer-events:none; }
.ilan-image-wrapper .shine { position:absolute; top:0; left:-100%; width:60%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent); transition:left 0.7s ease; pointer-events:none; z-index:3; }
.ilan-card:hover .shine { left:150%; }

.ilan-badge { position:absolute; top:20px; left:20px; background:var(--gold-gradient); color:#1a1200; padding:8px 18px; border-radius:50px; font-size:0.82rem; font-weight:700; box-shadow:0 6px 20px rgba(0,0,0,0.3); z-index:2; letter-spacing:0.5px; animation:float 4s ease-in-out infinite; }
.ilan-badge.kiralik { background:linear-gradient(135deg,#b8860b,#8b6508); color:#fff; }
.ilan-badge.devren-satilik { background:linear-gradient(135deg,#d4a017,#b8860b); color:#fff; }
.ilan-badge.devren-kiralik { background:linear-gradient(135deg,#9b59b6,#8e44ad); color:#fff; }

.ilan-content { padding:28px; }
.ilan-title { font-size:1.25rem; margin-bottom:12px; color:var(--dark); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:700; transition:color 0.3s ease; }
.ilan-card:hover .ilan-title { color:var(--secondary); }
.ilan-location { color:var(--gray); font-size:0.9rem; margin-bottom:14px; display:flex; align-items:center; gap:6px; font-weight:500; }
.ilan-features { display:flex; gap:20px; margin-bottom:16px; font-size:0.88rem; color:#666; font-weight:500; }
.ilan-features span { display:flex; align-items:center; gap:4px; background:rgba(197,160,40,0.1); padding:6px 12px; border-radius:10px; transition:all 0.3s ease; }
.ilan-card:hover .ilan-features span { background:rgba(197,160,40,0.18); transform:translateY(-2px); }
.ilan-views { font-size:0.82rem; color:var(--secondary); margin-bottom:10px; font-weight:600; }
.ilan-price { font-family:'Playfair Display',serif; font-size:1.6rem; font-weight:800; background:var(--gold-gradient); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; margin-bottom:18px; transition:transform 0.3s ease; }
.ilan-card:hover .ilan-price { transform:scale(1.05); }

/* ===== FOOTER ===== */
footer { background:linear-gradient(135deg,#0a0a0a,#1a1a1a); color:var(--white); padding:80px 0 35px; margin-top:90px; border-top:3px solid var(--secondary); position:relative; overflow:hidden; }
footer::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:var(--gold-gradient); animation:gradientShift 3s ease infinite; background-size:200% 200%; }
footer::after { content:''; position:absolute; bottom:-150px; right:-150px; width:400px; height:400px; background:radial-gradient(circle,rgba(197,160,40,0.12) 0%,transparent 70%); pointer-events:none; animation:float-slow 8s ease-in-out infinite; }
.footer-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:45px; margin-bottom:45px; position:relative; z-index:1; }
.footer-title { font-family:'Playfair Display',serif; font-size:1.4rem; margin-bottom:22px; color:var(--accent); font-weight:700; position:relative; display:inline-block; }
.footer-title::after { content:''; position:absolute; bottom:-6px; left:0; width:40px; height:2px; background:var(--gold-gradient); border-radius:2px; }
.footer-grid p { color:rgba(255,255,255,0.7); line-height:1.9; }
.footer-contact p { margin-bottom:14px; display:flex; align-items:center; gap:12px; font-size:0.95rem; transition:transform 0.3s ease; }
.footer-contact p:hover { transform:translateX(8px); }
.footer-contact a { color:var(--accent); transition:0.3s ease; position:relative; }
.footer-contact a:hover { color:var(--white); text-shadow:0 0 15px rgba(255,215,0,0.6); }
.footer-bottom { text-align:center; padding-top:35px; border-top:1px solid rgba(197,160,40,0.2); font-size:0.9rem; color:var(--gray); position:relative; z-index:1; }

/* ===== LOGIN ===== */
.login-wrapper { min-height:100vh; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#0a0a0a,#1a1a1a); position:relative; overflow:hidden; }
.login-wrapper::before { content:''; position:absolute; width:800px; height:800px; background:radial-gradient(circle,rgba(197,160,40,0.15) 0%,transparent 70%); top:-300px; right:-300px; animation:float 10s ease-in-out infinite; }
.login-wrapper::after { content:''; position:absolute; width:600px; height:600px; background:radial-gradient(circle,rgba(197,160,40,0.1) 0%,transparent 70%); bottom:-200px; left:-200px; animation:float 12s ease-in-out infinite reverse; }
.login-box { background:rgba(255,255,255,0.98); padding:55px; border-radius:32px; width:100%; max-width:460px; box-shadow:var(--shadow-gold-lg),0 40px 100px rgba(0,0,0,0.35); border:1px solid rgba(197,160,40,0.35); position:relative; z-index:1; animation:fadeInScale 0.8s cubic-bezier(0.175,0.885,0.32,1.275); overflow:hidden; }
.login-box::before { content:''; position:absolute; inset:0; border-radius:32px; padding:3px; background:var(--gold-gradient); -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; opacity:0.5; }
.login-logo { display:block; margin:0 auto 25px; height:80px; width:auto; filter:drop-shadow(0 4px 10px rgba(197,160,40,0.5)); transition:all 0.5s cubic-bezier(0.175,0.885,0.32,1.275); }
.login-logo:hover { transform:scale(1.15) rotate(-5deg); filter:drop-shadow(0 8px 20px rgba(197,160,40,0.7)); }
.login-box h2 { text-align:center; margin-bottom:30px; color:var(--primary); font-weight:700; font-family:'Playfair Display',serif; }
.login-box .form-group { margin-bottom:22px; }
.login-box input { width:100%; padding:18px; border:2.5px solid #e8e0cc; border-radius:16px; background:#fffef8; font-family:'Poppins',sans-serif; transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275); font-size:1rem; }
.login-box input:focus { outline:none; border-color:var(--secondary); box-shadow:0 0 0 5px rgba(197,160,40,0.15),0 6px 20px rgba(197,160,40,0.1); transform:translateY(-3px); }
.alert { padding:16px; border-radius:14px; margin-bottom:20px; display:none; font-weight:600; font-size:0.95rem; }
.alert-danger { background:#fce8e6; color:#c0392b; border:1px solid #f5b7b1; }
.alert-success { background:#e8f5e9; color:#27ae60; border:1px solid #abebc6; }

/* ===== ADMIN PANEL ===== */
.admin-wrapper { display:flex; min-height:100vh; }
.sidebar { width:300px; background:linear-gradient(180deg,#0a0a0a,#151515); color:var(--white); position:fixed; height:100vh; overflow-y:auto; border-right:2px solid rgba(197,160,40,0.5); box-shadow:4px 0 40px rgba(0,0,0,0.5); z-index:100; }
.sidebar-header { padding:35px 20px; background:rgba(197,160,40,0.12); text-align:center; border-bottom:1px solid rgba(197,160,40,0.25); position:relative; }
.sidebar-header::after { content:''; position:absolute; bottom:-2px; left:15%; right:15%; height:3px; background:var(--gold-gradient); border-radius:3px; animation:gradientShift 3s ease infinite; background-size:200% 200%; }
.sidebar-logo { height:65px; width:auto; margin-bottom:14px; filter:drop-shadow(0 4px 10px rgba(197,160,40,0.6)); transition:all 0.5s cubic-bezier(0.175,0.885,0.32,1.275); animation:float 5s ease-in-out infinite; }
.sidebar-logo:hover { transform:scale(1.12); }
.sidebar-header h3 { font-size:1.2rem; color:var(--accent); font-weight:700; font-family:'Playfair Display',serif; }
.sidebar-menu { list-style:none; padding:30px 0; }
.sidebar-menu li a { display:block; padding:18px 30px; transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275); border-left:4px solid transparent; font-weight:500; font-size:0.95rem; position:relative; }
.sidebar-menu li a:hover,.sidebar-menu li a.active { background:rgba(197,160,40,0.15); border-left-color:var(--accent); color:var(--accent); padding-left:40px; }
.sidebar-menu li a.active::before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:5px; height:70%; background:var(--gold-gradient); border-radius:0 5px 5px 0; }
.sidebar-menu li a .icon { display:inline-block; transition:transform 0.3s ease; margin-right:4px; }
.sidebar-menu li a:hover .icon { transform:scale(1.3) rotate(-10deg); }
.admin-main { margin-left:300px; flex:1; padding:45px; background:linear-gradient(180deg,#faf8f3,#f5f0e1); min-height:100vh; }

.stats-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:28px; margin-bottom:45px; }
.stat-card { background:var(--white); padding:32px; border-radius:24px; box-shadow:0 6px 25px rgba(0,0,0,0.07); border-top:5px solid var(--secondary); transition:all 0.5s cubic-bezier(0.175,0.885,0.32,1.275); position:relative; overflow:hidden; }
.stat-card::before { content:''; position:absolute; top:0; right:0; width:120px; height:120px; background:radial-gradient(circle,rgba(197,160,40,0.1) 0%,transparent 70%); pointer-events:none; }
.stat-card::after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:var(--gold-gradient); transform:scaleX(0); transition:transform 0.5s cubic-bezier(0.175,0.885,0.32,1.275); transform-origin:left; }
.stat-card:hover::after { transform:scaleX(1); }
.stat-card:hover { transform:translateY(-8px) rotateX(5deg); box-shadow:var(--shadow-gold),0 20px 45px rgba(0,0,0,0.12); }
.stat-card h4 { color:var(--gray); font-size:0.85rem; margin-bottom:16px; text-transform:uppercase; letter-spacing:2px; font-weight:600; }
.stat-card .value { font-family:'Playfair Display',serif; font-size:2.6rem; font-weight:800; color:var(--primary); transition:transform 0.3s ease; }
.stat-card:hover .value { transform:scale(1.1); }
.stat-card .value.danger { background:var(--gold-gradient); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.stat-card .value.success { color:var(--success); }
.stat-card .value.warning { color:#d4a017; }

/* ===== FORM ===== */
.form-section { background:var(--white); padding:32px; border-radius:24px; margin-bottom:32px; box-shadow:0 6px 25px rgba(0,0,0,0.06); border:1px solid rgba(197,160,40,0.15); transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275); position:relative; overflow:hidden; }
.form-section::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--gold-gradient); transform:scaleX(0); transition:transform 0.5s ease; transform-origin:left; }
.form-section:hover::before { transform:scaleX(1); }
.form-section:hover { box-shadow:0 10px 35px rgba(0,0,0,0.1); border-color:rgba(197,160,40,0.25); transform:translateY(-3px); }
.form-section h3 { margin-bottom:26px; padding-bottom:14px; border-bottom:2px solid var(--light); color:var(--primary); font-weight:700; font-family:'Playfair Display',serif; font-size:1.35rem; }
.form-row { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:22px; margin-bottom:22px; }
.checkbox-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:14px; }
.checkbox-item { display:flex; align-items:center; gap:10px; padding:12px; border-radius:12px; transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275); background:rgba(197,160,40,0.04); border:1px solid transparent; }
.checkbox-item:hover { background:rgba(197,160,40,0.1); border-color:rgba(197,160,40,0.2); transform:translateX(6px) scale(1.02); box-shadow:0 4px 12px rgba(197,160,40,0.1); }
.checkbox-item input[type=checkbox] { width:22px; height:22px; cursor:pointer; accent-color:var(--secondary); transition:transform 0.2s ease; }
.checkbox-item input[type=checkbox]:hover { transform:scale(1.2); }
.checkbox-item label { cursor:pointer; font-size:0.95rem; font-weight:500; }
textarea.form-control { width:100%; padding:16px; border:2.5px solid #e8e0cc; border-radius:16px; resize:vertical; min-height:120px; font-family:'Poppins',sans-serif; background:#fffef8; transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275); }
textarea.form-control:focus { outline:none; border-color:var(--secondary); box-shadow:0 0 0 5px rgba(197,160,40,0.15); transform:translateY(-2px); }
input.form-control,select.form-control { width:100%; padding:14px; border:2.5px solid #e8e0cc; border-radius:16px; background:#fffef8; font-family:'Poppins',sans-serif; transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275); font-size:0.95rem; }
input.form-control:focus,select.form-control:focus { outline:none; border-color:var(--secondary); box-shadow:0 0 0 5px rgba(197,160,40,0.15); transform:translateY(-3px); }

/* ===== TABLE ===== */
.data-table { width:100%; border-collapse:collapse; background:var(--white); border-radius:24px; overflow:hidden; box-shadow:0 6px 25px rgba(0,0,0,0.06); transition:box-shadow 0.4s ease; }
.data-table:hover { box-shadow:0 10px 35px rgba(0,0,0,0.1); }
.data-table th,.data-table td { padding:18px; text-align:left; border-bottom:1px solid #f0f0f0; }
.data-table th { background:linear-gradient(135deg,#1a1a1a,#2c241b); color:var(--accent); font-weight:700; text-transform:uppercase; font-size:0.8rem; letter-spacing:1.5px; }
.data-table tr { transition:all 0.35s cubic-bezier(0.175,0.885,0.32,1.275); }
.data-table tr:hover { background:#fdfbf5; transform:scale(1.008) translateX(4px); box-shadow:0 4px 12px rgba(0,0,0,0.05); }
.data-table img { width:80px; height:60px; object-fit:cover; border-radius:12px; box-shadow:0 4px 12px rgba(0,0,0,0.1); transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275); }
.data-table img:hover { transform:scale(1.15) rotate(-3deg); box-shadow:0 8px 20px rgba(0,0,0,0.15); }

/* ===== DETAIL ===== */
.detail-gallery { display:grid; grid-template-columns:2fr 1fr; gap:16px; margin-bottom:40px; }
.detail-gallery img { width:100%; height:440px; object-fit:cover; border-radius:24px; transition:all 0.6s cubic-bezier(0.175,0.885,0.32,1.275); box-shadow:0 10px 40px rgba(0,0,0,0.15); }
.detail-gallery img:hover { transform:scale(1.03) rotate(1deg); box-shadow:0 16px 50px rgba(0,0,0,0.2); }
.detail-gallery .side-images { display:flex; flex-direction:column; gap:16px; }
.detail-gallery .side-images img { height:212px; }
.detail-info-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:30px; }
.detail-box { background:var(--white); padding:30px; border-radius:24px; border:1px solid rgba(197,160,40,0.15); box-shadow:0 6px 25px rgba(0,0,0,0.06); transition:all 0.5s cubic-bezier(0.175,0.885,0.32,1.275); position:relative; overflow:hidden; }
.detail-box::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--gold-gradient); transform:scaleX(0); transition:transform 0.5s ease; transform-origin:left; }
.detail-box:hover::before { transform:scaleX(1); }
.detail-box:hover { box-shadow:var(--shadow-gold),0 20px 45px rgba(0,0,0,0.1); transform:translateY(-6px) rotateX(3deg); border-color:rgba(197,160,40,0.25); }
.detail-box h3 { margin-bottom:22px; color:var(--primary); border-bottom:2px solid var(--light); padding-bottom:12px; font-weight:700; font-family:'Playfair Display',serif; font-size:1.35rem; }
.detail-list { list-style:none; }
.detail-list li { padding:12px 0; border-bottom:1px solid #f0f0f0; display:flex; justify-content:space-between; font-size:0.95rem; transition:all 0.25s ease; }
.detail-list li:hover { background:rgba(197,160,40,0.04); margin:0 -8px; padding:12px 8px; border-radius:8px; }
.detail-list li:last-child { border-bottom:none; }
.detail-list strong { color:#666; font-weight:600; }
.detail-list span { font-weight:500; color:var(--primary); }

.feature-chips { display:flex; flex-wrap:wrap; gap:10px; }
.feature-chip { display:inline-flex; align-items:center; justify-content:center; padding:8px 16px; background:linear-gradient(135deg,rgba(197,160,40,0.12),rgba(255,215,0,0.08)); color:var(--dark); border:1.5px solid rgba(197,160,40,0.35); border-radius:12px; font-size:0.9rem; font-weight:600; transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275); cursor:default; }
.feature-chip:hover { background:var(--gold-gradient); color:#1a1200; border-color:transparent; transform:translateY(-3px); box-shadow:0 6px 18px rgba(197,160,40,0.3); }

.contact-box { background:linear-gradient(135deg,#1a1a1a,#2c241b); color:var(--white); padding:40px; border-radius:24px; text-align:center; border:2px solid rgba(197,160,40,0.5); box-shadow:var(--shadow-gold),0 20px 50px rgba(0,0,0,0.3); position:relative; overflow:hidden; }
.contact-box::before { content:''; position:absolute; top:-50%; left:-50%; width:200%; height:200%; background:radial-gradient(circle,rgba(255,215,0,0.06) 0%,transparent 60%); animation:rotateGlow 25s linear infinite; }
.contact-box h3 { margin-bottom:22px; color:var(--accent); font-weight:700; font-family:'Playfair Display',serif; font-size:1.5rem; position:relative; }
.contact-box .phone { font-family:'Playfair Display',serif; font-size:2rem; font-weight:800; background:var(--gold-gradient); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; position:relative; transition:transform 0.3s ease; display:inline-block; }
.contact-box .phone:hover { transform:scale(1.1); }
.contact-box p { position:relative; }

/* ===== VIEW COUNT BOX ===== */
.view-count-box { background:var(--gold-gradient); color:#1a1200; padding:25px 40px; border-radius:24px; text-align:center; margin-bottom:30px; box-shadow:var(--shadow-gold-lg); position:relative; overflow:hidden; font-weight:700; animation:pulse-glow 3s ease-in-out infinite; }
.view-count-box::before { content:''; position:absolute; top:-50%; left:-50%; width:200%; height:200%; background:radial-gradient(circle,rgba(255,255,255,0.2) 0%,transparent 60%); animation:rotateGlow 20s linear infinite; }
.view-count-box .label { font-size:0.9rem; opacity:0.9; text-transform:uppercase; letter-spacing:2px; font-weight:600; position:relative; }
.view-count-box .number { font-family:'Playfair Display',serif; font-size:3.2rem; font-weight:800; margin-top:10px; position:relative; }

/* ===== TYPING EFFECT ===== */
.typing-container { display:inline-block; }
.typing-text { overflow:hidden; white-space:nowrap; border-right:3px solid var(--accent); animation:typing 3s steps(30,end),blink 0.75s step-end infinite; }

/* ===== FLOATING ELEMENTS ===== */
.float-animation { animation:float 6s ease-in-out infinite; }
.float-animation-delay { animation:float 6s ease-in-out 2s infinite; }
.float-slow { animation:float-slow 8s ease-in-out infinite; }

/* ===== NEON GLOW ===== */
.neon-glow { text-shadow:0 0 5px rgba(197,160,40,0.5),0 0 10px rgba(197,160,40,0.3),0 0 20px rgba(255,215,0,0.2); }
.neon-glow-strong { text-shadow:0 0 10px rgba(197,160,40,0.8),0 0 20px rgba(197,160,40,0.5),0 0 40px rgba(255,215,0,0.3); }

/* ===== BOUNCE HOVER ===== */
.bounce-hover { transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275); }
.bounce-hover:hover { animation:bounce 0.6s ease; }

/* ===== MODERN GLASSMORPHISM ===== */
.glass-modern { background:rgba(255,255,255,0.05); backdrop-filter:blur(30px) saturate(200%); -webkit-backdrop-filter:blur(30px) saturate(200%); border:1px solid rgba(255,255,255,0.1); box-shadow:0 8px 32px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.1); }
.glass-dark { background:rgba(0,0,0,0.4); backdrop-filter:blur(30px) saturate(200%); -webkit-backdrop-filter:blur(30px) saturate(200%); border:1px solid rgba(255,255,255,0.08); box-shadow:0 8px 32px rgba(0,0,0,0.3); }

/* ===== SPOTLIGHT EFFECT ===== */
.spotlight-wrapper { position:relative; }
.spotlight { position:absolute; inset:0; background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(197,160,40,0.06),transparent 40%); pointer-events:none; z-index:1; transition:background 0.1s ease; }

/* ===== FLOATING ORBS ===== */
.orb { position:absolute; border-radius:50%; filter:blur(60px); opacity:0.4; pointer-events:none; animation:orbFloat 20s ease-in-out infinite; }
.orb-1 { width:300px; height:300px; background:rgba(197,160,40,0.3); top:10%; left:-5%; animation-delay:0s; }
.orb-2 { width:250px; height:250px; background:rgba(255,215,0,0.2); top:40%; right:-5%; animation-delay:-5s; }
.orb-3 { width:200px; height:200px; background:rgba(180,140,30,0.25); bottom:10%; left:30%; animation-delay:-10s; }
@keyframes orbFloat { 0%,100%{transform:translate(0,0) scale(1)} 33%{transform:translate(30px,-30px) scale(1.1)} 66%{transform:translate(-20px,20px) scale(0.9)} }

/* ===== TEXT REVEAL ===== */
.text-reveal { overflow:hidden; }
.text-reveal span { display:inline-block; transform:translateY(100%); opacity:0; animation:textReveal 0.8s cubic-bezier(0.175,0.885,0.32,1.275) forwards; }
.text-reveal span:nth-child(1){animation-delay:0.1s}
.text-reveal span:nth-child(2){animation-delay:0.2s}
.text-reveal span:nth-child(3){animation-delay:0.3s}
.text-reveal span:nth-child(4){animation-delay:0.4s}
.text-reveal span:nth-child(5){animation-delay:0.5s}
@keyframes textReveal { to{transform:translateY(0);opacity:1} }

/* ===== MODERN CARD STACK ===== */
.card-stack { position:relative; }
.card-stack .ilan-card:nth-child(1){transform:rotate(-1deg)}
.card-stack .ilan-card:nth-child(2){transform:rotate(0.5deg)}
.card-stack .ilan-card:nth-child(3){transform:rotate(-0.5deg)}
.card-stack .ilan-card:nth-child(4){transform:rotate(1deg)}
.card-stack .ilan-card:hover{transform:translateY(-15px) rotateX(3deg) rotateY(-2deg) !important}

/* ===== SKELETON LOADING ===== */
.skeleton { background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%); background-size:200% 100%; animation:skeleton 1.5s ease-in-out infinite; border-radius:8px; }
@keyframes skeleton { 0%{background-position:200% 0} 100%{background-position:-200% 0} }

/* ===== MODERN SCROLLBAR ===== */
::-webkit-scrollbar { width:10px; }
::-webkit-scrollbar-track { background:var(--light); border-radius:5px; }
::-webkit-scrollbar-thumb { background:var(--gold-gradient); border-radius:5px; border:2px solid var(--light); }
::-webkit-scrollbar-thumb:hover { background:var(--gold-gradient-light); }

/* ===== MAGNETIC LINKS ===== */
.magnetic { display:inline-block; transition:transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275); }

/* ===== GRADIENT TEXT ANIMATED ===== */
.gradient-text-animated { background:var(--gold-gradient); background-size:200% auto; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; animation:gradientShift 3s ease infinite; }

/* ===== HOVER GLOW ===== */
.hover-glow { transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275); }
.hover-glow:hover { box-shadow:0 0 30px rgba(197,160,40,0.3),0 0 60px rgba(255,215,0,0.15); transform:translateY(-2px); }

/* ===== IMAGE MASK REVEAL ===== */
.img-reveal { position:relative; overflow:hidden; }
.img-reveal::after { content:''; position:absolute; inset:0; background:var(--gold-gradient); transform:translateY(0); transition:transform 0.8s cubic-bezier(0.175,0.885,0.32,1.275); }
.img-reveal.revealed::after { transform:translateY(100%); }

/* ===== MODERN DIVIDER ===== */
.modern-divider { width:100%; height:1px; background:linear-gradient(90deg,transparent,var(--secondary),transparent); opacity:0.5; margin:40px 0; }

/* ===== TOAST NOTIFICATIONS ===== */
#toast-container { position:fixed; top:20px; right:20px; z-index:99999; display:flex; flex-direction:column; gap:12px; pointer-events:none; }
#toast-container > div { pointer-events:auto; }

/* ===== RESPONSIVE ===== */
@media (max-width:992px) {
.sidebar { transform:translateX(-100%); transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275); z-index:1000; }
.sidebar.open { transform:translateX(0); }
.admin-main { margin-left:0; }
.detail-gallery { grid-template-columns:1fr; }
.detail-gallery img,.detail-gallery .side-images img { height:260px; }
}

@media (max-width:768px) {
.hero { padding:90px 0 70px; }
.hero h1 { font-size:2.4rem; }
.hero .subtitle { font-size:1.1rem; }
nav ul { display:none; flex-direction:column; width:100%; margin-top:18px; gap:12px; background:rgba(0,0,0,0.5); padding:20px; border-radius:18px; backdrop-filter:blur(15px); }
nav ul.active { display:flex; }
.mobile-menu-btn { display:block; }
.ilan-grid { grid-template-columns:1fr; }
.stats-grid { grid-template-columns:1fr 1fr; }
.form-row { grid-template-columns:1fr; }
.data-table { display:block; overflow-x:auto; white-space:nowrap; }
.site-logo { height:45px; }
.search-box { padding:28px; margin:0 14px; border-radius:22px; }
.section { padding:55px 0; }
.section-title { font-size:2.2rem; }
.login-box { padding:40px 28px; margin:15px; }
}

@media (max-width:480px) {
.stats-grid { grid-template-columns:1fr; }
.search-grid { grid-template-columns:1fr; }
.site-logo { height:40px; }
.sidebar { width:260px; }
.admin-main { padding:25px; }
.hero h1 { font-size:1.8rem; }
.ilan-grid { grid-template-columns:1fr; }
}