:root{--color-bg: #F5F7FA;--color-surface: #FFFFFF;--color-surface-dark: #F8FAFC;--color-primary: #059669;--color-primary-dark: #047857;--color-accent: #10B981;--color-text: #1E293B;--color-text-secondary: #64748B;--color-text-light: #94A3B8;--color-border: #F1F5F9;--card-shadow: 0 10px 40px -10px rgba(0, 0, 0, .08);--card-shadow-hover: 0 20px 50px -12px rgba(0, 0, 0, .12);--card-border: 1px solid rgba(255, 255, 255, .5);--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-full: 9999px}html{height:100%}body{margin:0;background-color:var(--color-bg);color:var(--color-text);font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;min-height:100%;position:relative}.app-background{min-height:100vh;width:100%;position:relative}.glass-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);border:1px solid white;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.glass-card:hover{transform:translateY(-3px);box-shadow:var(--card-shadow-hover)}.glass-nav{background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,.03);box-shadow:0 -4px 20px #00000008;border-radius:2rem 2rem 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.75rem;border-radius:var(--radius-full);font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.025em;box-shadow:0 4px 12px #0000000d;text-transform:capitalize;font-size:1rem}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-text);color:#fff;box-shadow:0 4px 15px #1e293b4d}.btn-primary:hover{background:#0f172a;box-shadow:0 8px 25px #1e293b66}.container{max-width:600px;margin:0 auto;padding:2rem 1.25rem}h1{font-size:2.25rem;font-weight:800;letter-spacing:-.04em;color:var(--color-text);margin-top:0}h2{font-size:1.5rem;font-weight:700;letter-spacing:-.03em;color:var(--color-text)}p{line-height:1.6}input,select{background:#fff;border:1px solid #E2E8F0;border-radius:var(--radius-lg);padding:1rem 1.25rem;font-size:1rem;outline:none;transition:all .2s;color:var(--color-text);font-weight:600;box-shadow:0 2px 5px #00000005}input:focus,select:focus{background:#fff;box-shadow:0 0 0 3px #10b98126;border-color:var(--color-primary)}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}