:root{--bg:#100615;--bg2:#1d0924;--card:#1c1022;--gold:#d9af52;--gold2:#f3d88a;--text:#f8f4ec;--muted:#c9bec9;--line:#3f2947;--danger:#ffb4b4;--ok:#b9f6ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 20% 10%,#3a123f 0,transparent 34%),linear-gradient(180deg,var(--bg2),var(--bg));color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}.container{width:min(1120px,92%);margin:auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(14,5,18,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(217,175,82,.2)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:8px;align-items:center;font-family:Georgia,serif;letter-spacing:2px;font-size:22px;color:var(--gold2)}.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--gold);border-radius:50%;font-size:12px}.nav nav{display:flex;gap:22px;align-items:center}.nav nav a{font-size:14px;color:#eee5ee}.nav-cta,.btn{background:linear-gradient(135deg,var(--gold2),#ae7725);color:#1b0a13!important;border:0;border-radius:10px;padding:11px 16px;font-weight:800;display:inline-block;cursor:pointer}.btn.secondary{background:transparent;color:var(--gold2)!important;border:1px solid var(--gold)}.btn.danger{background:#5c1d2c;color:white!important}.hero{padding:74px 0 54px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center}.eyebrow{color:var(--gold2);letter-spacing:2px;text-transform:uppercase;font-size:12px;font-weight:800}.hero h1{font-family:Georgia,serif;font-size:clamp(42px,7vw,76px);line-height:.98;margin:14px 0}.hero h1 span{color:var(--gold2)}.lead{font-size:18px;line-height:1.7;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.hero-card{border:1px solid rgba(217,175,82,.35);border-radius:24px;padding:12px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:0 30px 80px rgba(0,0,0,.35)}.hero-card img{width:100%;display:block;border-radius:16px}.section{padding:70px 0}.section-title{font-family:Georgia,serif;font-size:38px;margin:8px 0 18px}.muted{color:var(--muted)}.grid-2,.grid-3,.grid-4{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:16px;padding:22px}.card h3{margin-top:4px}.gold{color:var(--gold2)}.stat{font-size:30px;font-weight:900;color:var(--gold2)}.auth-wrap{min-height:calc(100vh - 160px);display:grid;place-items:center;padding:50px 0}.auth-card{width:min(520px,92%);padding:28px;border:1px solid var(--line);border-radius:18px;background:rgba(22,9,27,.92)}label{display:block;font-size:13px;margin:14px 0 7px;color:#e8ddea}input,select,textarea{width:100%;padding:12px 13px;border-radius:10px;border:1px solid #4c3654;background:#130b17;color:white;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold)}table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.025);border-radius:12px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid #392641;text-align:left;font-size:14px}th{color:var(--gold2);font-size:12px;text-transform:uppercase}.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;background:#3a2940}.badge.approved,.badge.paid,.badge.active{background:#173c2c;color:#b9f6ca}.badge.pending{background:#513d13;color:#ffefad}.badge.rejected,.badge.cancelled{background:#54202c;color:#ffd0d8}.dashboard{padding:38px 0 70px}.dash-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.sidebar-layout{display:grid;grid-template-columns:220px 1fr;gap:22px}.side{border:1px solid var(--line);border-radius:14px;padding:10px;height:max-content;background:rgba(255,255,255,.025);position:sticky;top:92px}.side a{display:block;padding:11px 12px;border-radius:9px;color:#e8dfea}.side a:hover{background:#2b1732;color:var(--gold2)}.alert{margin-top:18px;padding:13px 15px;border-radius:10px}.alert.success{background:#153426;color:var(--ok)}.alert.error{background:#4e1c28;color:var(--danger)}.notice{padding:14px;border-left:3px solid var(--gold);background:rgba(217,175,82,.08);color:#e9dfd0}.footer{border-top:1px solid rgba(217,175,82,.18);padding:36px 0;background:#0b050e}.footer-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:30px}.footer p{color:#ab9faf;font-size:13px;line-height:1.6}.copyright{padding-top:20px;color:#7d7180;font-size:12px}.table-wrap{overflow:auto}.inline{display:flex;gap:10px;align-items:center}.inline>*{flex:1}.mini{font-size:12px}.right{text-align:right}.photo-panel{padding:12px;border:1px solid var(--line);border-radius:18px}.photo-panel img{width:100%;border-radius:12px;display:block}@media(max-width:850px){.hero-grid,.grid-4,.grid-3,.grid-2,.footer-grid,.sidebar-layout{grid-template-columns:1fr}.side{position:static}.nav nav a:not(.nav-cta):not(:last-child){display:none}.hero{padding-top:42px}.hero-card{order:-1}.section{padding:48px 0}.dash-head{align-items:flex-start;flex-direction:column}}

/* Official DSA GOLD logo - premium sizing */
.brand{
  display:flex;
  align-items:center;
  width:auto;
  height:78px;
  flex:0 0 auto;
  font-size:0;
  letter-spacing:0;
}
.brand img{
  display:block;
  width:auto;
  height:72px;
  max-width:250px;
  object-fit:contain;
}
.footer-brand{
  height:108px;
  margin-bottom:10px;
}
.footer-brand img{
  height:100px;
  max-width:280px;
}
@media(max-width:850px){
  .brand{
    height:68px;
  }
  .brand img{
    height:62px;
    max-width:210px;
  }
  .footer-brand{
    height:92px;
  }
  .footer-brand img{
    height:84px;
    max-width:230px;
  }
}
@media(max-width:520px){
  .brand{
    height:62px;
  }
  .brand img{
    height:56px;
    max-width:190px;
  }
  .footer-brand{
    height:86px;
  }
  .footer-brand img{
    height:78px;
    max-width:210px;
  }
}