@font-face{font-family:Geom;src:url(/assets/Geom-VariableFont_wght-C4D_roM8.ttf) format("truetype");font-weight:100 900;font-style:normal}:root{--color-primary: #003024;--color-primary-gradient: linear-gradient(135deg, #003024 0%, #064e3b 100%);--color-accent: #10b981;--color-text-light: #f0fdf4;--color-white: #ffffff;--color-surface: rgba(255, 255, 255, .9);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--shadow-soft: 0 10px 30px -10px rgba(0, 48, 36, .15);--font-family: "Geom", sans-serif;--max-width: 480px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);background:#ecf3f0;color:#1f2937;display:flex;justify-content:center;min-height:100vh}#root{width:100%;max-width:var(--max-width);background-color:var(--color-white);min-height:100vh;box-shadow:0 20px 40px #0000001a;position:relative;overflow-x:hidden}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft)}.btn-primary{background:var(--color-primary-gradient);color:#fff;border:none;box-shadow:0 4px 15px #0030244d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}