:root{--bg:#0b121e;--gold:#9b8e57;--gold-hover:#b0a266;--red:#a1171e;--red-hover:#b91d26;--text:#f5f4f0;--text-muted:#a7adb9;--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}#root{z-index:1;min-height:100vh;position:relative}.page{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 16px;display:flex;position:relative;overflow:hidden}.main-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2;background-color:#0b121ed9;border:1px solid #ffffff2e;border-radius:28px;flex-direction:column;align-items:center;width:100%;max-width:820px;padding:48px 32px 36px;display:flex;position:relative;box-shadow:0 25px 60px #00000080,inset 0 0 0 1px #ffffff0a}@media (width<=768px){.main-card{border-radius:20px;padding:32px 16px 24px}}.glow-static{filter:blur(60px);pointer-events:none;z-index:0;background:radial-gradient(circle,#9b8e5726 0%,#a1171e14 45%,#0000 75%);width:700px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.glow-dynamic{filter:blur(90px);pointer-events:none;z-index:0;opacity:.6;width:250px;height:250px;animation:pulseGlow 8s infinite alternate var(--ease-out-quart);background:radial-gradient(circle,#9b8e5740 0%,#0000 70%);position:absolute;top:30%;left:50%;transform:translate(-50%)}@keyframes pulseGlow{0%{opacity:.4;transform:translate(-50%)scale(1)}to{opacity:.8;transform:translate(-50%)scale(1.4)}}.header{text-align:center;max-width:600px;margin-bottom:40px;position:relative}.eyebrow{letter-spacing:4px;color:var(--gold);text-transform:uppercase;opacity:.9;margin:0 0 14px;font-size:11.5px;font-weight:700}.header h1{letter-spacing:-1px;color:var(--text);margin:0 0 12px;font-size:clamp(26px,4vw,38px);font-weight:900;line-height:1.1}.subtitle{color:var(--text-muted);max-width:480px;margin:0 auto;font-size:14.5px;line-height:1.6}.grid{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;max-width:720px;display:grid;position:relative}.card{opacity:0;animation:fadeInUp .8s var(--ease-out-expo) forwards;animation-delay:var(--delay)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=640px){.grid{grid-template-columns:1fr}}.card{color:#fff;transition:transform .5s var(--ease-out-expo), box-shadow .5s var(--ease-out-expo), background .3s ease;transform-style:preserve-3d;perspective:1000px;border-radius:100px;outline:none;align-items:center;gap:16px;padding:15px 20px;font-weight:700;text-decoration:none;display:flex;box-shadow:0 4px 12px #0000001a,0 8px 24px #0003}.card:hover{transform:translateY(-4px)rotateY(4deg);box-shadow:0 12px 35px #00000059,0 4px 12px #00000026}.card:active{transition:transform .1s;transform:translateY(-1px)rotateY(1deg)}.card:focus-visible{box-shadow:0 0 0 3px var(--bg), 0 0 0 6px var(--text-muted)}.card-icon-wrapper{width:36px;height:36px;transition:transform .4s var(--ease-out-expo), background .3s ease;background:#ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.card:hover .card-icon-wrapper{background:#ffffff40;transform:scale(1.1)rotate(-5deg)}.card-icon-wrapper svg{width:18px;height:18px}.card-text{flex-direction:column;flex:1;min-width:0;display:flex}.card-label{color:#fff;font-size:13px;font-weight:700;line-height:1.2}.card-value{opacity:.85;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10.5px;font-weight:500;overflow:hidden}.card-arrow{opacity:.8;transition:transform .3s var(--ease-out-expo);flex-shrink:0}.card:hover .card-arrow{opacity:1;transform:translate(3px,-3px)}.card-gold{background:var(--gold)}.card-gold:hover{background:var(--gold-hover);box-shadow:0 10px 30px #9b8e5766}.card-red{background:var(--red)}.card-red:hover{background:var(--red-hover);box-shadow:0 10px 30px #a1171e66}.footer{z-index:2;color:var(--text-muted);text-align:center;letter-spacing:.5px;margin-top:40px;font-size:12px;position:relative}
