*{box-sizing:border-box;margin:0;padding:0}:root{--bg-void:#050607;--bg-deep:#08090c;--bg:#0b0d11;--bg-mid:#101318;--surface:#14181f;--surface-elevated:#1a1f27;--surface-highlight:#222831;--border:#2b313c;--border-strong:#3a4250;--frame-blend:#1a1f27;--amber-deep-rgb:132, 42, 32;--amber-rgb:210, 88, 36;--amber:#d25824;--amber-dim:#8a3518;--amber-bright:#eeb04a;--amber-glow:#d2582466;--jade-rgb:48, 132, 108;--jade-bright-rgb:114, 196, 168;--jade-dim-rgb:23, 74, 61;--jade-jaguar-rgb:14, 42, 34;--jade-ink-rgb:6, 22, 18;--jade:#30846c;--jade-mid:#266c58;--jade-dim:#174a3d;--jade-bright:#72c4a8;--jade-border-dark:#071512;--jade-glow:#30846c47;--emerald-rgb:var(--jade-rgb);--emerald:var(--jade);--emerald-dim:var(--jade-dim);--emerald-bright:var(--jade-bright);--emerald-glow:var(--jade-glow);--gold:var(--amber);--gold-dim:var(--amber-dim);--gold-bright:var(--amber-bright);--gold-glow:var(--amber-glow);--cyan:var(--emerald);--cyan-dim:var(--emerald-dim);--cyan-glow:var(--emerald-glow);--gradient-body-base:linear-gradient(152deg, var(--bg-void) 0%, var(--bg-deep) 34%, var(--bg) 58%, var(--bg-mid) 100%);--gradient-border-diagonal:linear-gradient(127deg, rgba(var(--amber-deep-rgb), .98) 0%, rgba(var(--amber-rgb), .92) 5%, rgba(var(--amber-rgb), .42) 11%, #252a32 26%, #0f1218 50%, #252a32 74%, rgba(var(--emerald-rgb), .4) 89%, rgba(var(--emerald-rgb), .88) 94%, rgba(var(--jade-dim-rgb), 1) 100%);--gradient-surface-radial:radial-gradient(ellipse 128% 115% at 50% -14%, var(--surface-highlight) 0%, var(--surface-elevated) 36%, var(--surface) 66%, var(--bg-mid) 100%);--gradient-text-brand:linear-gradient(116deg, rgba(var(--jade-dim-rgb), .96) 0%, var(--jade-mid) 12%, var(--jade) 22%, var(--jade-bright) 34%, var(--amber-dim) 46%, var(--amber) 56%, rgba(var(--amber-deep-rgb), .92) 72%, rgba(var(--amber-deep-rgb), 1) 100%);--gradient-text-hero:linear-gradient(168deg, rgba(var(--jade-dim-rgb), .9) 0%, var(--jade) 14%, var(--jade-bright) 28%, var(--amber-dim) 40%, var(--amber) 48%, var(--jade-mid) 56%, var(--text) 74%, var(--text-muted) 100%);--gradient-btn-primary:linear-gradient(132deg, rgba(var(--amber-deep-rgb), .98) 0%, var(--amber) 22%, var(--amber-bright) 40%, var(--jade-dim) 58%, var(--jade) 78%, var(--jade-mid) 92%, #0f2a24 100%);--gradient-btn-specular:linear-gradient(105deg, transparent 36%, rgba(var(--jade-bright-rgb), .42) 47%, rgba(var(--amber-rgb), .38) 53%, transparent 64%);--text:#e8eaef;--text-muted:#8b92a5;--accent:var(--gold);--accent-hover:var(--gold-bright);--accent-secondary:var(--cyan);--error:#c45c5c;--success:#4caf7a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-soft:0 24px 48px #00000080;--shadow-card:0 24px 56px #000000ad, 0 12px 32px rgba(var(--jade-jaguar-rgb), .55), 0 6px 20px rgba(var(--jade-ink-rgb), .62), 0 0 28px rgba(var(--jade-dim-rgb), .35);--shadow-glow:0 0 40px rgba(var(--amber-rgb), .08), 0 0 56px rgba(var(--emerald-rgb), .05);--ease-out-expo:cubic-bezier(.22, 1, .36, 1);--ease-outline:cubic-bezier(.2, .82, .22, 1);--ease-debounce:cubic-bezier(.18, .92, .24, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--font-display:"Cinzel", serif;--font-body:"Outfit", system-ui, sans-serif;--dur-fast:.18s;--dur-med:.35s;--dur-slow:.55s;--dur-outline:1.8s;--dur-debounce:1.05s;--layout-mobile-max:768px;--gradient-text-btn:linear-gradient(162deg, #0a0202 0%, #2a0606 18%, #7a140a 42%, #d43820 68%, #ff9a82 100%);--gradient-text-btn-primary:linear-gradient(90deg, #030101 0%, #0f0508 24%, #2a0d14 48%, #4a1824 72%, #1a080c 100%)}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100dvh;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);line-height:1.55;overflow-x:hidden}@media (width<=768px){html{font-size:clamp(15px,3.2vw,16px)}input,select,textarea{font-size:max(16px,.9375rem)}}a{color:var(--cyan);transition:color var(--dur-fast) var(--ease-out-expo), text-shadow var(--dur-fast);text-decoration:none}a:hover{color:var(--emerald-bright);text-shadow:0 0 18px rgba(var(--emerald-rgb), .45), 0 0 28px rgba(var(--amber-rgb), .22)}input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text);font-size:.9375rem;font-family:var(--font-body);transition:border-color var(--dur-fast) var(--ease-out-expo), box-shadow var(--dur-fast) var(--ease-out-expo), background var(--dur-fast);padding:.85rem 1rem}input:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-elevated)}input:focus{border-color:var(--emerald-dim);box-shadow:0 0 0 1px rgba(var(--amber-rgb), .35), 0 0 22px rgba(var(--emerald-rgb), .18), 0 0 36px rgba(var(--amber-rgb), .08);outline:none}input:disabled{opacity:.55;cursor:not-allowed}input::placeholder{color:var(--text-muted)}.password-input-wrap{position:relative}.password-input-wrap input{padding-right:3rem}.password-toggle{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--dur-fast), background var(--dur-fast), transform var(--dur-fast) var(--ease-spring);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle:hover{color:var(--emerald-bright);background:linear-gradient(135deg, rgba(var(--amber-rgb), .12), rgba(var(--emerald-rgb), .1))}.password-toggle:active{transform:translateY(-50%)scale(.92)}.btn{background:var(--gradient-btn-primary);color:#0000;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;font-family:var(--font-body);cursor:pointer;isolation:isolate;box-shadow:0 4px 18px #00000073, 0 0 22px rgba(var(--jade-jaguar-rgb), .32), inset 0 1px 0 rgba(var(--jade-dim-rgb), .22), inset 0 -1px 0 #00000059;transition:transform var(--dur-debounce) var(--ease-debounce), box-shadow var(--dur-debounce) var(--ease-debounce), border-color var(--dur-debounce) var(--ease-debounce);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.65rem;display:inline-flex;position:relative;overflow:hidden}.btn:not(.btn-outline){border:2px solid var(--jade-border-dark);box-shadow:0 0 0 1px rgba(var(--jade-dim-rgb), .95), 0 4px 18px #0000007a, 0 0 24px rgba(var(--jade-jaguar-rgb), .38), inset 0 1px 0 rgba(var(--jade-dim-rgb), .18), inset 0 -1px 0 #0006}.btn:not(.btn-outline) .btn-label{z-index:1;background:var(--gradient-text-btn-primary);-webkit-text-fill-color:transparent;transition:-webkit-text-fill-color var(--dur-debounce) var(--ease-debounce), background var(--dur-debounce) var(--ease-debounce);-webkit-background-clip:text;background-clip:text;position:relative}.btn:disabled:not(.btn-outline) .btn-label{-webkit-text-fill-color:#05080761;color:#05080761;background:0 0}.btn:after{content:"";z-index:-1;background:var(--gradient-btn-specular);opacity:.35;transition:transform 1.1s var(--ease-debounce), opacity var(--dur-debounce) var(--ease-debounce);position:absolute;inset:0;transform:translate(-100%)}.btn:hover:not(.btn-outline):not(:disabled){box-shadow:0 0 0 1px rgba(var(--jade-dim-rgb), 1), 0 10px 32px #0000008c, 0 0 36px rgba(var(--jade-jaguar-rgb), .45), 0 0 52px rgba(var(--jade-ink-rgb), .4), inset 0 1px 0 rgba(var(--jade-dim-rgb), .2), inset 0 -1px 0 #0000006b;border-color:#050f0c;transform:scale(1.06)}.btn:hover:not(.btn-outline):after{opacity:.22;transform:translate(100%)}.btn.btn--glow:not(.btn-outline){overflow:visible}.btn.btn--glow:not(.btn-outline) .btn-label.btn-label--halo-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative;background:0 0!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:unset!important}.btn.btn--glow:not(.btn-outline) .btn-label-halo{color:#0000;pointer-events:none;z-index:0;text-shadow:0 0 4px #eeb04ab8,0 0 10px #eeb04a7a,0 0 20px #eeb04a4d,0 0 34px #eeb04a29;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.btn.btn--glow:not(.btn-outline) .btn-label-ink{z-index:1;background:var(--gradient-text-btn-primary);-webkit-text-fill-color:transparent;transition:-webkit-text-fill-color var(--dur-debounce) var(--ease-debounce), background var(--dur-debounce) var(--ease-debounce);-webkit-background-clip:text;background-clip:text;position:relative}.btn:active:not(.btn-outline){transform:scale(1.03)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.3);box-shadow:none}.btn:disabled:after{display:none}.btn-outline{isolation:isolate;color:#8fe8d2;background:radial-gradient(ellipse 110% 100% at 50% 0%, rgba(var(--jade-bright-rgb), .5) 0%, rgba(var(--jade-rgb), .28) 32%, transparent 65%), radial-gradient(ellipse 90% 75% at 100% 100%, #28a88066, transparent 58%), linear-gradient(178deg, #0a2620fa 0%, rgba(var(--jade-dim-rgb), .9) 38%, #1a6250f0 58%, #0c3028fc 100%);box-shadow:0 0 28px #24af8780, 0 0 56px #145f4b66, 0 0 80px rgba(var(--jade-dim-rgb), .35), inset 0 1px 0 rgba(var(--jade-bright-rgb), .22);transition:transform var(--dur-debounce) var(--ease-debounce), border-color var(--dur-outline) var(--ease-outline), box-shadow var(--dur-outline) var(--ease-outline);border:1px solid #40c89e94;position:relative;overflow:hidden}.btn-outline .btn-label{z-index:1;color:#8fe8d2;-webkit-text-fill-color:#8fe8d2;transition:color var(--dur-outline) var(--ease-outline), -webkit-text-fill-color var(--dur-outline) var(--ease-outline), background var(--dur-outline) var(--ease-outline);background:0 0;position:relative}.btn-outline:before{content:"";border-radius:inherit;z-index:0;opacity:0;background:linear-gradient(136deg, rgba(var(--amber-deep-rgb), .95) 0%, var(--amber) 34%, var(--amber-bright) 68%, #f4c46a 100%);transition:opacity var(--dur-outline) var(--ease-outline);pointer-events:none;position:absolute;inset:0}.btn-outline:after{display:none}.btn-outline:hover{border-color:rgba(var(--amber-rgb), .78);box-shadow:0 0 32px rgba(var(--amber-rgb), .38), 0 0 52px rgba(var(--amber-deep-rgb), .2), inset 0 1px 0 #ffd6aa47;filter:none;transform:scale(1.06)}.btn-outline:hover .btn-label{color:#0000;background:var(--gradient-text-btn);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-outline:hover:before{opacity:1}.btn-outline:active{transform:scale(1.024)}.btn-ghost{color:var(--text-muted);box-shadow:none;background:0 0;border:none}.btn-ghost:after{display:none}.btn-ghost:hover{background:linear-gradient(135deg, rgba(var(--amber-rgb), .06), rgba(var(--emerald-rgb), .06));color:var(--text);filter:none}.error{color:var(--error);margin-top:.5rem;font-size:.875rem}.shell-bg{isolation:isolate;position:relative}.shell-bg:before{content:"";z-index:-2;background:radial-gradient(ellipse 95% 72% at 82% 8%, rgba(var(--amber-rgb), .16), transparent 58%), radial-gradient(ellipse 88% 68% at 10% 88%, rgba(var(--emerald-rgb), .14), transparent 54%), radial-gradient(ellipse 70% 55% at 50% 50%, rgba(var(--emerald-rgb), .04), transparent 62%), radial-gradient(ellipse 110% 85% at 50% 108%, rgba(var(--amber-rgb), .05), transparent 44%), radial-gradient(ellipse 90% 70% at 50% -18%, rgba(var(--emerald-rgb), .06), transparent 52%), radial-gradient(ellipse 55% 40% at 0% 20%, rgba(var(--amber-rgb), .06), transparent 50%), var(--gradient-body-base);pointer-events:none;position:fixed;inset:0}.shell-bg:after{content:"";z-index:-1;opacity:.04;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.ornament-line{width:100%;max-width:28rem;color:var(--gold-dim);align-items:center;gap:1rem;margin:0 auto;display:flex}.ornament-line:before,.ornament-line:after{content:"";flex:1;height:1px}.ornament-line:before{background:linear-gradient(90deg, transparent, rgba(var(--amber-rgb), .42), rgba(var(--emerald-rgb), .32))}.ornament-line:after{background:linear-gradient(90deg, rgba(var(--emerald-rgb), .32), rgba(var(--amber-rgb), .42), transparent)}.ornament-line span{letter-spacing:.35em;text-transform:uppercase;font-size:.65rem;font-family:var(--font-display);background:var(--gradient-text-brand);-webkit-text-fill-color:transparent;opacity:.92;-webkit-background-clip:text;background-clip:text}.page-transition{animation:pageEnter var(--dur-slow) var(--ease-out-expo) both}@keyframes pageEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadePulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes shimmerLoad{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-screen{min-height:100vh;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.875rem;font-family:var(--font-display);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;display:flex}.loading-bar{background:var(--surface);border:1px solid var(--border);border-radius:999px;width:160px;height:3px;overflow:hidden}.loading-bar:after{content:"";border-radius:inherit;background:linear-gradient(90deg, var(--amber-dim), var(--amber-bright), var(--emerald), var(--emerald-bright), var(--amber));width:40%;height:100%;animation:loadSlide 1.1s var(--ease-out-expo) infinite;display:block}@keyframes loadSlide{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page-transition{animation:none}.btn:after{display:none}.btn-outline,.btn-outline:before{transition-duration:.01ms}.btn-outline:hover,.btn:hover:not(.btn-outline):not(:disabled){transform:none}.loading-bar:after{width:100%;animation:none;transform:none}}
