:root{
      --bg:#050505;
      --bg-soft:#0a0a0a;
      --bg-card:rgba(255,255,255,.02);
      --gold:#d4af37;
      --gold-light:#f4e4bc;
      --gold-strong:#f1c56a;
      --gold-muted:#b8941f;
      --text:#f6f1e8;
      --text-secondary:#e8dcc6;
      --muted:#cbb58a;
      --line:rgba(216,170,85,.18);
      --line-hover:rgba(216,170,85,.35);
      --shadow:0 24px 80px rgba(0,0,0,.5);
      --shadow-gold:0 8px 32px rgba(212,175,55,.15);
      --radius:24px;
      --radius-sm:16px;
      --max:1280px;
      --font-serif:'Playfair Display', serif;
      --font-display:'Cormorant Garamond', serif;
      --font-sans:'Inter', sans-serif;
    }

    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    
    body{
      font-family:var(--font-sans);
      color:var(--text);
      background:var(--bg);
      line-height:1.6;
      overflow-x:hidden;
      -webkit-font-smoothing:antialiased;
    }

    /* Selection */
    ::selection{background:rgba(212,175,55,.3);color:#fff}
    ::-webkit-scrollbar{width:6px}
    ::-webkit-scrollbar-track{background:var(--bg)}
    ::-webkit-scrollbar-thumb{background:var(--gold-muted);border-radius:3px}

    img{height:90%;display:block}

    /* Typography */
    .font-serif{font-family:var(--font-serif)}
    .font-display{font-family:var(--font-display)}
    
    /* Utilities */
    .gold-text{
      background:linear-gradient(180deg, #ffdf9b 0%, #e4b45b 46%, #bf8c35 100%);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
    }
    
    .gold-text-shine{
      background:linear-gradient(90deg, #bf8c35, #ffdf9b, #e4b45b, #bf8c35);
      background-size:300% 100%;
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
      animation:shine 4s ease-in-out infinite;
    }
    
    @keyframes shine{
      0%,100%{background-position:0% 50%}
      50%{background-position:100% 50%}
    }

    .wrap{width:min(calc(100% - 40px), var(--max));margin:0 auto}

    /* Header */
    .site-header{
      position:fixed;
      top:0;left:0;right:0;
      z-index:1000;
      padding:20px 0;
      background:rgba(5,5,5,.8);
      backdrop-filter:blur(20px);
      border-bottom:1px solid transparent;
      transition:all .4s ease;
    }
    
    .site-header.scrolled{
      background:rgba(5,5,5,.95);
      border-bottom-color:var(--line);
      padding:14px 0;
    }
    
    .site-header .wrap{
      display:flex;
      align-items:center;
      justify-content:space-between;
    }
    
    .brand{
      font-family:var(--font-serif);
      font-size:1.4rem;
      font-weight:600;
      letter-spacing:4px;
      text-transform:uppercase;
      color:var(--gold);
      text-decoration:none;
      display:flex;
      flex-direction:column;
      line-height:1.1;
    }
    
    .brand small{
      font-size:.6rem;
      letter-spacing:6px;
      color:var(--muted);
      font-weight:400;
      font-family:var(--font-sans);
    }
    
    .nav-desktop{display:flex;gap:36px;list-style:none}
    .nav-desktop a{
      color:var(--text-secondary);
      text-decoration:none;
      font-size:.82rem;
      font-weight:500;
      letter-spacing:1.5px;
      text-transform:uppercase;
      position:relative;
      transition:color .3s;
    }
    
    .nav-desktop a::after{
      content:'';position:absolute;
      bottom:-6px;left:0;
      width:0;height:1px;
      background:var(--gold-gradient);
      transition:width .3s;
    }
    
    .nav-desktop a:hover{color:var(--gold)}
    .nav-desktop a:hover::after{width:100%}
    
    .mobile-toggle{
      display:none;
      background:none;
      border:none;
      color:var(--gold);
      font-size:1.5rem;
      cursor:pointer;
    }

    /* Hero */
    .hero{
      min-height:100vh;
      display:flex;
      align-items:center;
      padding:140px 0 80px;
      position:relative;
      overflow:hidden;
    }
    
    .hero-bg{
      position:absolute;
      inset:0;
      background:
        radial-gradient(ellipse 80% 50% at 50% -10%, rgba(212,175,55,.08), transparent 60%),
        radial-gradient(ellipse 60% 40% at 80% 50%, rgba(212,175,55,.03), transparent 50%),
        linear-gradient(180deg, #030303 0%, #050505 50%, #070505 100%);
      pointer-events:none;
    }
    
    .hero-particles{
      position:absolute;
      inset:0;
      overflow:hidden;
      pointer-events:none;
    }
    
    .particle{
      position:absolute;
      width:2px;height:2px;
      background:var(--gold);
      border-radius:50%;
      opacity:0;
      animation:float 8s ease-in-out infinite;
    }
    
    @keyframes float{
      0%{transform:translateY(100vh) scale(0);opacity:0}
      10%{opacity:.6}
      90%{opacity:.6}
      100%{transform:translateY(-10vh) scale(1);opacity:0}
    }

    .hero-grid{
      display:grid;
      grid-template-columns:1.1fr .9fr;
      gap:60px;
      align-items:center;
      position:relative;
      z-index:2;
    }

    .hero-content{max-width:640px}

    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:12px;
      color:var(--gold-strong);
      letter-spacing:.22em;
      text-transform:uppercase;
      font-size:.78rem;
      font-weight:600;
      margin-bottom:24px;
      opacity:0;
      animation:fadeInUp .8s .2s forwards;
    }
    
    .eyebrow::before{
      content:"";
      width:40px;height:1px;
      background:linear-gradient(90deg, transparent, var(--gold-strong));
    }

    h1{
      margin:0 0 24px;
      font-family:var(--font-serif);
      font-size:clamp(2.6rem, 5.5vw, 5rem);
      line-height:1.05;
      letter-spacing:.02em;
      font-weight:400;
      opacity:0;
      animation:fadeInUp .8s .4s forwards;
    }
    
    @keyframes fadeInUp{
      from{opacity:0;transform:translateY(30px)}
      to{opacity:1;transform:translateY(0)}
    }

    .hero-desc{
      font-size:clamp(1.05rem, 1.5vw, 1.15rem);
      color:var(--text-secondary);
      max-width:52ch;
      margin:0 0 36px;
      line-height:1.7;
      opacity:0;
      animation:fadeInUp .8s .6s forwards;
    }

    /* Badges */
    .badges{
      display:grid;
      grid-template-columns:repeat(2, 1fr);
      gap:16px;
      margin:0 0 36px;
      opacity:0;
      animation:fadeInUp .8s .8s forwards;
    }
    
    .badge{
      padding:18px 20px;
      border:1px solid var(--line);
      border-radius:var(--radius-sm);
      background:var(--bg-card);
      transition:all .3s ease;
      cursor:default;
    }
    
    .badge:hover{
      border-color:var(--line-hover);
      transform:translateY(-2px);
      box-shadow:var(--shadow-gold);
    }
    
    .badge-icon{
      width:36px;height:36px;
      border:1px solid var(--line);
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      margin-bottom:12px;
      font-size:1rem;
      color:var(--gold-strong);
    }
    .badge-icon2{
      width:66px;height:66px;
      border:1px solid var(--line);
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      margin-bottom:12px;
      font-size:1rem;
      color:var(--gold-strong);
    }
    
    .badge strong{
      display:block;
      color:var(--gold-strong);
      font-size:.95rem;
      font-weight:600;
      margin-bottom:6px;
      letter-spacing:.5px;
    }
    
    .badge span{
      color:var(--muted);
      font-size:.88rem;
      line-height:1.5;
    }

    /* CTA Buttons */
    .actions{
      display:flex;
      flex-wrap:wrap;
      gap:14px;
      margin:0 0 40px;
      opacity:0;
      animation:fadeInUp .8s 1s forwards;
    }
    
    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      min-height:54px;
      padding:0 32px;
      border-radius:999px;
      font-weight:600;
      font-size:.9rem;
      letter-spacing:.5px;
      transition:all .3s ease;
      border:1px solid transparent;
      cursor:pointer;
      text-decoration:none;
      position:relative;
      overflow:hidden;
    }
    
    .btn-primary{
      color:#1a1205;
      background:linear-gradient(180deg, #f9d37f 0%, #d5a34a 100%);
      box-shadow:0 8px 28px rgba(216,170,85,.25);
    }
    
    .btn-primary:hover{
      transform:translateY(-2px);
      box-shadow:0 12px 36px rgba(216,170,85,.35);
      filter:brightness(1.05);
    }
    
    .btn-secondary{
      border-color:var(--line);
      background:var(--bg-card);
      color:var(--text);
    }
    
    .btn-secondary:hover{
      border-color:var(--gold-muted);
      background:rgba(212,175,55,.05);
      color:var(--gold-strong);
    }

    /* Social Section - PROMINENT */
    .social-section{
      opacity:0;
      animation:fadeInUp .8s 1.2s forwards;
    }
    
    .social-label{
      font-size:.75rem;
      text-transform:uppercase;
      letter-spacing:.2em;
      color:var(--muted);
      margin-bottom:16px;
      display:flex;
      align-items:center;
      gap:12px;
    }
    
    .social-label::after{
      content:"";
      flex:1;height:1px;
      background:linear-gradient(90deg, var(--line), transparent);
      max-width:120px;
    }
    
    .social-grid{
      display:flex;
      gap:14px;
      flex-wrap:wrap;
    }
    
    .social-btn{
      display:flex;
      align-items:center;
      gap:12px;
      padding:14px 24px;
      border:1px solid var(--line);
      border-radius:999px;
      background:var(--bg-card);
      color:var(--text);
      text-decoration:none;
      font-size:.9rem;
      font-weight:500;
      transition:all .35s ease;
      position:relative;
      overflow:hidden;
    }
    
    .social-btn::before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(90deg, transparent, rgba(212,175,55,.08), transparent);
      transform:translateX(-100%);
      transition:transform .5s;
    }
    
    .social-btn:hover::before{transform:translateX(100%)}
    
    .social-btn:hover{
      border-color:var(--gold-muted);
      transform:translateY(-3px);
      box-shadow:var(--shadow-gold);
      color:var(--gold-strong);
    }
    
    .social-btn svg{
      width:22px;height:22px;
      flex-shrink:0;
      color:var(--gold-strong);
    }
    
    .social-btn .handle{
      font-size:.8rem;
      color:var(--muted);
      margin-left:4px;
    }

    /* Hero Image */
    .hero-visual{
      position:relative;
      display:flex;
      align-items:center;
      justify-content:center;
    }
    
    .hero-visual::before{
      content:"";
      position:absolute;
      width:120%;height:120%;
      background:radial-gradient(circle, rgba(212,175,55,.12), transparent 60%);
      filter:blur(40px);
      pointer-events:none;
    }
    
    .hero-visual img{
      width:100%;
      max-width:520px;
      border-radius:var(--radius-sm);
      box-shadow:0 20px 60px rgba(0,0,0,.5), 0 0 0 1px rgba(212,175,55,.1);
      position:relative;
      z-index:1;
      transition:transform .5s ease;
    }
    
    .hero-visual:hover img{transform:scale(1.02)}

    /* Sections */
    section{padding:100px 0}
    
    .section-header{
      text-align:center;
      max-width:600px;
      margin:0 auto 60px;
    }
    
    .section-header h2{
      font-family:var(--font-serif);
      font-size:clamp(2rem, 4vw, 3rem);
      font-weight:400;
      letter-spacing:3px;
      margin-bottom:16px;
    }
    
    .section-header p{
      color:var(--muted);
      font-size:1.1rem;
    }
    
    .divider{
      width:60px;height:1px;
      background:linear-gradient(90deg, transparent, var(--gold), transparent);
      margin:16px auto;
    }

    /* About */
    .about{background:var(--bg-soft);position:relative}
    .about::before{
      content:"";
      position:absolute;
      top:0;left:0;right:0;
      height:1px;
      background:linear-gradient(90deg, transparent, var(--gold-muted), transparent);
    }
    
    .about-grid{
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:30px;
    }
    
    .about-card{
      padding:40px 30px;
      border:1px solid var(--line);
      border-radius:var(--radius-sm);
      background:var(--bg-card);
      text-align:center;
      transition:all .4s ease;
    }
    
    .about-card:hover{
      border-color:var(--line-hover);
      transform:translateY(-6px);
      box-shadow:var(--shadow-gold);
    }
    
    .about-card .num{
      font-family:var(--font-display);
      font-size:3.5rem;
      font-weight:300;
      color:var(--gold);
      line-height:1;
      margin-bottom:12px;
    }
    
    .about-card h3{
      font-family:var(--font-serif);
      font-size:1.1rem;
      letter-spacing:2px;
      text-transform:uppercase;
      font-weight:400;
      margin-bottom:10px;
    }
    
    .about-card p{color:var(--muted);font-size:.95rem}

    /* Courses */
    .courses-grid{
      display:grid;
      grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
      gap:24px;
    }
    
    .course-card{
      border:1px solid var(--line);
      border-radius:var(--radius-sm);
      overflow:hidden;
      background:var(--bg-card);
      transition:all .4s ease;
    }
    
    .course-card:hover{
      border-color:var(--line-hover);
      transform:translateY(-4px);
      box-shadow:var(--shadow-gold);
    }
    
    .course-img{
      height:180px;
      padding: 5px ;
      background:#000000;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:3rem;
      border-bottom:1px solid var(--line);
    }
    
    .course-body{padding:28px}
    
    .course-body h3{
      font-family:var(--font-serif);
      font-size:1.2rem;
      margin-bottom:10px;
      font-weight:400;
    }
    
    .course-body p{
      color:var(--muted);
      font-size:.92rem;
      line-height:1.6;
      margin-bottom:20px;
    }
    
    .course-meta{
      display:flex;
      align-items:center;
      gap:8px;
      font-size:.82rem;
      color:var(--gold-strong);
      font-weight:500;
    }

    /* Contact */
    .contact{background:var(--bg-soft);position:relative}
    .contact::before{
      content:"";
      position:absolute;
      top:0;left:0;right:0;
      height:1px;
      background:linear-gradient(90deg, transparent, var(--gold-muted), transparent);
    }
    
    .contact-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:60px;
      align-items:center;
    }
    
    .contact-info h3{
      font-family:var(--font-serif);
      font-size:2rem;
      margin-bottom:20px;
      font-weight:400;
    }
    
    .contact-info p{
      color:var(--muted);
      margin-bottom:30px;
      line-height:1.7;
    }
    
    .contact-detail{
      display:flex;
      align-items:center;
      gap:16px;
      margin-bottom:20px;
      padding:16px 20px;
      border:1px solid var(--line);
      border-radius:var(--radius-sm);
      background:var(--bg-card);
      transition:all .3s;
    }
    
    .contact-detail:hover{
      border-color:var(--line-hover);
      transform:translateX(4px);
    }
    
    .contact-detail-icon{
      width:44px;height:44px;
      border:1px solid var(--line);
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--gold-strong);
      font-size:1.2rem;
      flex-shrink:0;
    }
    
    .contact-detail div strong{
      display:block;
      color:var(--text);
      font-size:.95rem;
      margin-bottom:2px;
    }
    
    .contact-detail div span{
      color:var(--muted);
      font-size:.85rem;
    }

    .contact-form{display:grid;gap:20px}
    
    .form-group{position:relative}
    
    .form-group input,
    .form-group textarea{
      width:100%;
      padding:18px 20px;
      background:var(--bg);
      border:1px solid var(--line);
      border-radius:var(--radius-sm);
      color:var(--text);
      font-family:var(--font-sans);
      font-size:1rem;
      transition:all .3s;
      outline:none;
    }
    
    .form-group textarea{min-height:140px;resize:vertical}
    
    .form-group input:focus,
    .form-group textarea:focus{
      border-color:var(--gold-muted);
      box-shadow:0 0 0 3px rgba(212,175,55,.08);
    }
    
    .form-group label{
      position:absolute;
      left:16px;
      top:50%;
      transform:translateY(-50%);
      color:var(--muted);
      font-size:.9rem;
      transition:all .25s;
      pointer-events:none;
      background:var(--bg);
      padding:0 6px;
    }
    
    .form-group textarea ~ label{top:28px;transform:none}
    
    .form-group input:focus + label,
    .form-group input:not(:placeholder-shown) + label,
    .form-group textarea:focus + label,
    .form-group textarea:not(:placeholder-shown) + label{
      top:0;
      font-size:.78rem;
      color:var(--gold-strong);
    }

    /* Footer */
    .site-footer{
      padding:60px 0 30px;
      border-top:1px solid var(--line);
    }
    
    .footer-grid{
      display:grid;
      grid-template-columns:2fr 1fr 1fr 1.5fr;
      gap:50px;
      margin-bottom:50px;
    }
    
    .footer-brand h4{
      font-family:var(--font-serif);
      font-size:1.5rem;
      color:var(--gold);
      letter-spacing:3px;
      margin-bottom:16px;
    }
    
    .footer-brand p{
      color:var(--muted);
      font-size:.95rem;
      line-height:1.7;
      max-width:280px;
    }
    
    .footer-col h5{
      font-family:var(--font-serif);
      font-size:1rem;
      letter-spacing:2px;
      text-transform:uppercase;
      margin-bottom:20px;
      font-weight:400;
      color:var(--text);
    }
    
    .footer-col ul{list-style:none}
    .footer-col li{margin-bottom:10px}
    .footer-col a{
      color:var(--muted);
      text-decoration:none;
      font-size:.9rem;
      transition:color .3s;
      display:inline-flex;
      align-items:center;
      gap:6px;
    }
    .footer-col a:hover{color:var(--gold-strong)}
    
    .footer-social{
      display:flex;
      gap:12px;
      margin-top:20px;
    }
    
    .footer-social a{
      width:44px;height:44px;
      border:1px solid var(--line);
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--gold-strong);
      transition:all .3s;
    }
    
    .footer-social a:hover{
      border-color:var(--gold-muted);
      background:rgba(212,175,55,.08);
      transform:translateY(-3px);
    }
    
    .footer-social svg{width:18px;height:18px}

    .footer-bottom{
      display:flex;
      justify-content:space-between;
      align-items:center;
      padding-top:24px;
      border-top:1px solid var(--line);
    }
    
    .footer-bottom p{
      color:var(--muted);
      font-size:.85rem;
    }
    
    .footer-bottom-links{
      display:flex;
      gap:24px;
    }
    
    .footer-bottom-links a{
      color:var(--muted);
      text-decoration:none;
      font-size:.85rem;
      transition:color .3s;
    }
    .footer-bottom-links a:hover{color:var(--gold-strong)}

    /* Mobile */
    @media (max-width: 1024px){
      .hero-grid{grid-template-columns:1fr;gap:40px}
      .hero-visual{order:-1}
      .hero-visual img{max-width:400px;margin:0 auto}
      .about-grid{grid-template-columns:1fr}
      .contact-grid{grid-template-columns:1fr;gap:40px}
      .footer-grid{grid-template-columns:1fr 1fr;gap:40px}
    }
    
    /* Dropdown Menu */
    .dropdown{position:relative}
    .dropdown-toggle{display:flex;align-items:center;gap:4px}
    .dropdown-menu{
      position:absolute;
      top:100%;
      left:0;
      min-width:180px;
      background:rgba(10,10,10,.98);
      border:1px solid var(--line);
      border-radius:var(--radius-sm);
      padding:8px 0;
      list-style:none;
      opacity:0;
      visibility:hidden;
      transform:translateY(-8px);
      transition:all .3s ease;
      z-index:1001;
      margin-top:8px;
    }
    .dropdown:hover .dropdown-menu,
    .dropdown-menu:hover{
      opacity:1;
      visibility:visible;
      transform:translateY(0);
    }
    .dropdown-menu li{padding:0}
    .dropdown-menu a{
      display:block;
      padding:10px 20px;
      font-size:.8rem;
      letter-spacing:1px;
      white-space:nowrap;
    }
    .dropdown-menu a:hover{
      background:rgba(212,175,55,.05);
    }

    @media (max-width: 768px){
      .nav-desktop{display:none}
      .mobile-toggle{display:block}
      .hero{padding:120px 0 60px}
      .badges{grid-template-columns:1fr}
      .actions{flex-direction:column}
      .btn{width:100%}
      .social-grid{flex-direction:column}
      .social-btn{width:100%;justify-content:center}
      section{padding:60px 0}
      .footer-grid{grid-template-columns:1fr;text-align:center}
      .footer-brand p{max-width:100%;margin:0 auto}
      .footer-social{justify-content:center}
      .footer-bottom{flex-direction:column;gap:16px;text-align:center}
      .contact-detail{justify-content:center}
      .dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;border:none;background:transparent;padding:8px 0 8px 20px;margin:0;display:none}
      .dropdown.open .dropdown-menu{display:block}
    }