@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --bg:#08070d;
  --bg2:#100d1b;
  --panel:rgba(22,18,35,.88);
  --panel2:#171226;
  --line:rgba(255,255,255,.10);
  --line2:rgba(220,181,105,.30);
  --gold:#d9b56d;
  --gold2:#f2d99a;
  --cream:#fff9ee;
  --muted:#a9a2b5;
  --muted2:#777082;
  --danger:#ff9d9d;
  --success:#bfe6b8;
  --shadow:0 28px 80px rgba(0,0,0,.42);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; min-height:100vh; color:var(--cream);
  font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;
  background:
    radial-gradient(circle at 12% 0%,rgba(116,78,161,.28),transparent 30%),
    radial-gradient(circle at 88% 8%,rgba(213,167,83,.13),transparent 25%),
    linear-gradient(145deg,#07060b,#0b0812 45%,#05040a);
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.055;
  background-image:radial-gradient(#fff 1px,transparent 1px);
  background-size:90px 90px;
}
a{color:inherit}
header{
  width:100%; min-height:76px; padding:0 clamp(18px,5vw,70px);
  display:flex; align-items:center; justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:rgba(7,6,11,.72); backdrop-filter:blur(18px);
  position:sticky; top:0; z-index:20;
}
.logo{
  text-decoration:none; font:700 30px/1 'Cormorant Garamond',serif;
  letter-spacing:.2px; white-space:nowrap;
}
.logo span{color:var(--gold)}
nav{display:flex;align-items:center;gap:10px}
nav a{
  color:var(--muted); text-decoration:none; font-size:12px; font-weight:600;
  padding:10px 13px; border-radius:10px;
}
nav a:hover{color:var(--cream);background:rgba(255,255,255,.05)}
nav .gold,.gold{color:#1b140b;background:linear-gradient(135deg,#f1d28b,#bd8e40)}
nav .gold:hover{color:#1b140b}

main.hero{
  width:min(1180px,92vw); margin:0 auto; min-height:calc(100vh - 76px);
  display:grid; grid-template-columns:1.05fr .95fr; gap:70px; align-items:center;
  padding:70px 0 100px;
}
.hero section>small,.dash>small,.card>small{
  color:var(--gold); font-weight:700; letter-spacing:3px; font-size:10px;
}
.hero h1{
  font:600 clamp(55px,7vw,88px)/.86 'Cormorant Garamond',serif;
  margin:22px 0; letter-spacing:-1px;
}
.hero h1 b{color:var(--gold2);font-weight:600}
.hero p{max-width:620px;color:var(--muted);font-size:15px;line-height:1.9}
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:48px; padding:13px 20px; border:1px solid transparent;
  border-radius:12px; cursor:pointer; text-decoration:none;
  font:700 12px Inter,sans-serif;
  background:linear-gradient(135deg,#ead08e,#b88439); color:#17110a;
  box-shadow:0 10px 28px rgba(201,157,76,.12);
}
.btn:hover{transform:translateY(-1px);filter:brightness(1.04)}
.full{width:100%}
.hero .btn{margin-top:22px}
.hero aside{
  min-height:470px; border-radius:50%; aspect-ratio:1/1;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  position:relative; overflow:hidden;
  border:1px solid rgba(217,181,109,.25);
  background:
    radial-gradient(circle at center,rgba(217,181,109,.18),transparent 28%),
    radial-gradient(circle,rgba(120,80,170,.20),transparent 60%),
    #0e0b18;
  box-shadow:inset 0 0 80px rgba(217,181,109,.05),0 40px 100px rgba(0,0,0,.45);
}
.hero aside:before,.hero aside:after{
  content:"";position:absolute;border:1px solid rgba(217,181,109,.20);border-radius:50%;
}
.hero aside:before{inset:9%}.hero aside:after{inset:21%}
.hero aside>div{
  font-size:100px;color:var(--gold2);z-index:1;
  text-shadow:0 0 55px rgba(217,181,109,.5);
}
.hero aside p{
  z-index:1; text-align:center; font:28px/1.8 'Cormorant Garamond',serif;
  color:#d7bb7d; letter-spacing:5px; margin:0;
}
.hero aside small{z-index:1;letter-spacing:3px;color:var(--muted2);margin-top:10px}

.center{display:flex;align-items:center;justify-content:center;padding:30px;min-height:100vh}
.card{
  background:linear-gradient(145deg,rgba(23,18,38,.94),rgba(13,11,22,.96));
  border:1px solid var(--line); border-radius:20px; padding:28px;
  box-shadow:var(--shadow);
}
.center .card{width:min(530px,100%);padding:42px}
.center .logo{display:block;margin-bottom:30px}
.center h1{
  font:600 54px/.95 'Cormorant Garamond',serif; margin:14px 0 24px;
}
label{
  display:block; color:#c0bacb; font-size:11px; font-weight:700;
  letter-spacing:.2px; margin:0 0 16px;
}
input,select,textarea{
  display:block;width:100%; margin-top:8px; padding:14px 14px;
  border:1px solid #302b42; border-radius:11px;
  background:#100e1a;color:#fff;outline:none;font:500 13px Inter,sans-serif;
}
input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(217,181,109,.08)}
textarea{min-height:110px;resize:vertical}
.err{
  margin:0 0 18px;padding:12px 14px;border-radius:11px;
  color:var(--danger);background:rgba(255,80,80,.07);
  border:1px solid rgba(255,100,100,.22);font-size:12px;line-height:1.5;
}
.notice{
  margin:0 0 18px;padding:12px 14px;border-radius:11px;
  color:var(--gold2);background:rgba(217,181,109,.07);
  border:1px solid var(--line2);font-size:12px;line-height:1.5;
}
.center .card p{color:var(--muted);font-size:12px;line-height:1.7;text-align:center}
.center .card p a{color:var(--gold2);text-decoration:none}
.center .card>small{color:var(--gold);letter-spacing:3px;font-size:10px;font-weight:700}

.dash{
  width:min(1200px,92vw);margin:0 auto;padding:55px 0 90px;
}
.dash h1{
  font:600 clamp(45px,6vw,66px)/.9 'Cormorant Garamond',serif;
  margin:12px 0 30px;
}
.dash>p{color:var(--muted)}
.twocol{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}
.card h2{font:600 28px 'Cormorant Garamond',serif;margin:0 0 20px}
.card h3{font:600 20px 'Cormorant Garamond',serif}
.card p{color:#c6c0cd;font-size:13px;line-height:1.65}
.card p small{color:var(--muted2);font-size:9px;text-transform:uppercase;letter-spacing:1.4px}
.card hr{border:0;border-top:1px solid var(--line);margin:24px 0}
.muted{color:var(--muted)!important}
.status{
  display:inline-flex;padding:7px 12px;border-radius:99px;
  color:var(--gold2);background:rgba(217,181,109,.08);
  border:1px solid var(--line2);font-size:10px;font-weight:700;
}
.orders{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;
}
.order{
  display:block;text-decoration:none;transition:.2s ease;
}
.order:hover{border-color:var(--line2);transform:translateY(-2px)}
.order h2{margin:8px 0 7px}
.order .muted{font-size:11px}
.order-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.stats{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 20px;
}
.stats .card{text-align:left;padding:20px}
.stats b{display:block;color:var(--gold2);font-size:34px;margin-top:7px}
.stats small{color:var(--muted2);font-size:9px;letter-spacing:2px}
.table{
  overflow:auto;
}
.table table{width:100%;border-collapse:collapse;min-width:760px}
.table th,.table td{
  padding:13px 11px;text-align:left;border-bottom:1px solid rgba(255,255,255,.07);
  font-size:11px;
}
.table th{color:var(--muted2);font-size:9px;letter-spacing:1.2px;text-transform:uppercase}
.table td a{color:var(--gold2);text-decoration:none;font-weight:700}
.search{display:flex;gap:10px;margin:0 0 18px}
.search input{margin:0}
.search .btn{white-space:nowrap}
.form{
  width:min(900px,100%);margin:0 auto;
}
.form h1{margin-bottom:8px}
.form>p{color:var(--muted);line-height:1.7;font-size:13px}
.grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;
}
.wide{grid-column:1/-1}
.langs{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:5px 0 22px;
}
.langs label{margin:0}
.langs input{display:none}
.langs span{
  display:block;text-align:center;padding:19px 10px;border:1px solid #302b42;
  border-radius:14px;color:#fff;font:600 23px 'Cormorant Garamond',serif;
  cursor:pointer;background:#100e1a;
}
.langs span small{display:block;color:var(--muted2);font:9px Inter,sans-serif;margin-top:5px}
.langs input:checked+span{border-color:var(--gold);background:rgba(217,181,109,.08)}
footer{text-align:center;color:#625d70;padding:35px 20px;font-size:11px}

@media(max-width:900px){
  main.hero{grid-template-columns:1fr;gap:35px;padding-top:50px}
  .hero aside{min-height:340px;width:min(82vw,430px);margin:auto}
  .hero h1{font-size:64px}
  .twocol{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  header{min-height:68px;padding:0 15px}
  .logo{font-size:26px}
  nav{gap:3px}
  nav a{padding:8px;font-size:10px}
  main.hero,.dash{width:92vw}
  .hero h1{font-size:51px}
  .hero p{font-size:13px}
  .hero aside{min-height:300px}
  .hero aside>div{font-size:70px}
  .hero aside p{font-size:21px}
  .center{padding:15px}
  .center .card{padding:27px 20px}
  .center h1{font-size:45px}
  .grid,.orders{grid-template-columns:1fr}
  .wide{grid-column:auto}
  .langs{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr}
  .dash{padding-top:35px}
  .dash h1{font-size:48px}
}