@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap');
@import url('royal-theme.css');

:root{
  --bg:#050001;
  --bg2:#100104;
  --maroon-950:#130104;
  --maroon-900:#210307;
  --maroon-850:#2e050a;
  --maroon-800:#3d080f;
  --maroon-700:#5b1118;
  --maroon-600:#7e1f25;
  --wine:#941f2d;
  --gold:#f9d66b;
  --gold-2:#d99a35;
  --gold-3:#9a5c18;
  --cream:#fff2c2;
  --muted:#c8ad9c;
  --soft:#fff8df;
  --green:#70e7a4;
  --red:#ff7e8e;
  --info:#7bc9ff;
  --line:rgba(249,214,107,.24);
  --glass:rgba(23,2,6,.78);
  --glass2:rgba(72,9,16,.62);
  --shadow:0 28px 80px rgba(0,0,0,.62);
  --font-main:'Inter',system-ui,-apple-system,Segoe UI,sans-serif;
  --font-royal:'Cinzel',Georgia,serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0%,#28050b 0%,#080001 48%,#000 100%);color:var(--soft);font-family:var(--font-main);overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}button{border:0}


/* LOADING PAGE */
/* STARTUP */
.entry-page{height:100vh;overflow:hidden;background:#000}.startup-screen{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#000;transition:opacity .75s ease,visibility .75s ease}.startup-screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.startup-bg{position:absolute;inset:0;background-image:url('../img/d-b.png');background-position:center;background-size:cover;filter:saturate(.9) contrast(1.12) brightness(.68);transform:scale(1.02)}.startup-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(249,205,91,.08),rgba(25,0,3,.38) 38%,rgba(0,0,0,.93) 100%),linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.72));}.startup-card{position:relative;width:min(90vw,420px);padding:34px 26px 36px;text-align:center;border:1px solid rgba(249,214,107,.28);border-radius:18px;background:linear-gradient(180deg,rgba(26,2,7,.42),rgba(17,1,4,.84));box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 35px 100px rgba(0,0,0,.74);backdrop-filter:blur(6px)}.startup-card:before{content:"";position:absolute;inset:10px;border:1px solid rgba(249,214,107,.14);border-radius:12px;pointer-events:none}.startup-logo{width:142px;height:142px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(249,195,67,.5));animation:ghodiPasaFloat 2.8s ease-in-out infinite}.startup-card h1{font-family:var(--font-royal);font-size:clamp(34px,7vw,50px);line-height:1;margin:12px 0 10px;letter-spacing:.055em;color:var(--cream);text-shadow:0 3px 0 rgba(0,0,0,.3),0 0 24px rgba(249,203,87,.2)}.startup-card p{margin:0 0 18px;color:#d4b9a5;font-size:13px;letter-spacing:.17em;text-transform:uppercase}.sound-unlock{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:7px 12px;margin-bottom:16px;border-radius:10px;border:1px solid rgba(249,214,107,.24);background:rgba(255,255,255,.05);color:#ffe694;font-size:11px;text-transform:uppercase;letter-spacing:.12em;opacity:.8}.sound-unlock.is-hidden{display:none}.load-percentage{font-weight:900;color:var(--cream);font-size:18px;margin:0 0 8px;letter-spacing:.04em}.load-track{height:17px;border:1px solid rgba(249,214,107,.22);border-radius:7px;background:linear-gradient(180deg,rgba(20,19,28,.86),rgba(4,5,11,.92));padding:3px;overflow:hidden;box-shadow:0 12px 26px rgba(0,0,0,.44),0 0 0 1px rgba(255,255,255,.04) inset}.load-fill{width:0;height:100%;border-radius:4px;background:linear-gradient(90deg,#6c1219 0%,#a52e31 45%,#f6c95c 100%);box-shadow:0 0 18px rgba(246,201,92,.58);transition:width .18s linear}@keyframes ghodiPasaFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.035)}}
/* V5 PREMIUM FLOW FIXES */
.hidden-sound-play{position:fixed;left:-9999px;top:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.entry-page{background:#030001;}
.startup-card{width:min(91vw,438px);padding:38px 30px 38px;border-radius:22px;background:linear-gradient(155deg,rgba(10,0,2,.42),rgba(51,5,11,.78) 48%,rgba(5,0,1,.9));border-color:rgba(255,216,107,.34);box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 40px 130px rgba(0,0,0,.8),0 0 60px rgba(129,25,25,.22)}
.startup-card:after{content:"";position:absolute;left:20px;right:20px;top:12px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,226,128,.58),transparent)}
.sound-unlock{position:absolute;right:20px;top:18px;margin:0;border-radius:999px;min-height:34px;background:rgba(22,0,3,.72);box-shadow:0 12px 30px rgba(0,0,0,.35)}
.load-track{height:19px;border-radius:8px;background:linear-gradient(180deg,#20141c,#09070b);border-color:rgba(255,226,128,.26)}
.load-fill{border-radius:5px;background:linear-gradient(90deg,#5b1016,#a83232 48%,#f5c65c 100%)}
@media (max-width:560px){.royal-modal{padding:28px 18px 24px;border-radius:22px}.modal-logo{width:96px;height:96px}.otp-grid{gap:6px}.otp-grid input{height:54px;border-radius:11px;font-size:24px}.otp-actions{flex-direction:column}.toast-stack{left:10px!important;bottom:10px!important;width:calc(100vw - 20px)}.toast{grid-template-columns:50px 1fr 28px;min-height:82px;border-radius:18px}.toast .toast-icon{width:48px;height:48px;border-radius:15px}.field-icon{width:54px}.royal-field,.royal-field input{min-height:58px;height:58px}.startup-card{padding-left:20px;padding-right:20px}.sound-unlock{position:relative;right:auto;top:auto;margin-bottom:14px}}
/* TOAST */
.toast-stack{position:fixed;left:18px;bottom:18px;z-index:9999;display:flex;flex-direction:column-reverse;gap:12px;width:min(390px,calc(100vw - 36px));pointer-events:none}.toast{position:relative;display:grid;grid-template-columns:52px 1fr 26px;gap:12px;align-items:center;min-height:88px;padding:15px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 45px rgba(0,0,0,.42);overflow:hidden;pointer-events:auto;animation:toastIn .36s cubic-bezier(.2,.9,.2,1)}.toast:before{content:"";position:absolute;left:-34px;top:-45px;width:118px;height:118px;border-radius:999px;background:rgba(255,255,255,.24)}.toast-icon{position:relative;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.78);color:#181110;font-size:24px}.toast strong{display:block;font-weight:900;color:#20100b;margin-bottom:4px}.toast p{margin:0;color:rgba(25,14,12,.78);font-size:13px;font-weight:600;line-height:1.4}.toast .x{position:relative;background:transparent;color:rgba(0,0,0,.55);font-size:22px;line-height:1;cursor:pointer}.toast.success{background:linear-gradient(135deg,#b8f6cf,#90dfae);}.toast.error{background:linear-gradient(135deg,#ffc2cc,#ff98ac)}.toast.warning{background:linear-gradient(135deg,#ffe8a9,#ffc060)}.toast.info{background:linear-gradient(135deg,#bde7ff,#85caff)}@keyframes toastIn{from{opacity:0;transform:translateX(-24px) translateY(12px) scale(.96)}to{opacity:1;transform:none}}
.toast-stack{left:18px!important;right:auto!important;bottom:18px!important;top:auto!important;width:min(420px,calc(100vw - 36px));gap:14px}.toast{border-radius:22px;grid-template-columns:58px 1fr 30px;min-height:92px;padding:16px 16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 55px rgba(0,0,0,.46);backdrop-filter:blur(10px)}.toast .toast-icon{width:56px;height:56px;border-radius:18px}.toast strong{font-size:15px}.toast p{font-size:13px}.toast .x{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:rgba(255,255,255,.22);font-size:14px}.toast-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent,rgba(255,255,255,.22),transparent);transform:translateX(-130%);animation:toastShine 1.4s ease .15s both;pointer-events:none}.toast.leaving{animation:toastOut .35s ease both}.toast.success{background:linear-gradient(135deg,#c4f7d7,#7ee1a2)}.toast.error{background:linear-gradient(135deg,#ffc7cf,#ff8d9d)}.toast.warning{background:linear-gradient(135deg,#fff1b8,#f4c45f)}.toast.info{background:linear-gradient(135deg,#c8ecff,#78caff)}@keyframes toastShine{to{transform:translateX(130%)}}@keyframes toastOut{to{opacity:0;transform:translateX(-20px) scale(.98)}}

@media (max-width:850px){.startup-bg{background-image:url('../img/m-b.png')}}
@media (max-width:560px){.startup-card{padding-left:20px;padding-right:20px}.sound-unlock{position:relative;right:auto;top:auto;margin-bottom:14px}.toast-stack{left:10px!important;bottom:10px!important;width:calc(100vw - 20px)}}
@media (max-width:460px){.startup-card{padding:28px 18px 30px;border-radius:15px}.startup-logo{width:124px;height:124px}}

/* Hide toast notifications on phone/tablet - desktop only */
@media (max-width: 850px) {
  .toast-stack {
    display: none !important;
  }
}