@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-accent-900: #1a2900;--color-accent-800: #2d4700;--color-accent-700: #3d6000;--color-accent-600: #4f7a00;--color-accent-500: #6DB100;--color-accent-400: #87d600;--color-accent-300: #a3e830;--color-accent-200: #c5f070;--color-accent-100: #e6f9c0;--color-accent-50: #f5fde8;--surface-bg: #000000;--surface-100: #0d0d0d;--surface-200: #111111;--surface-300: #161616;--surface-400: #1d1d1d;--surface-500: #252525;--surface-600: #2a2a2a;--surface-700: #333333;--surface-800: #404040;--text-100: #ffffff;--text-200: #e1e1e1;--text-300: #b0b0b0;--text-400: #8a8a8a;--text-500: #6b6b6b;--text-600: #404040;--color-error: #ef4444;--color-error-dim: rgba(239, 68, 68, .12);--color-warning: #f59e0b;--color-warning-dim: rgba(245, 158, 11, .12);--color-success: #6DB100;--color-info: #3b82f6;--color-info-dim: rgba(59, 130, 246, .12);--color-purple: #a78bfa;--color-purple-dim: rgba(167, 139, 250, .12);--fs-2xs: 10px;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 14px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 28px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-black: 800;--lh-tight: 1.2;--lh-snug: 1.4;--lh-base: 1.6;--lh-relaxed: 1.75;--ls-tight: -.01em;--ls-normal: 0em;--ls-wide: .04em;--ls-wider: .08em;--ls-widest: .12em;--sp-0: 0px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--sp-9: 48px;--sp-10: 64px;--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-full: 9999px;--touch-min: 44px;--touch-comfortable: 48px;--touch-large: 56px;--elevation-0: none;--elevation-1: 0 1px 3px rgba(0,0,0,.4);--elevation-2: 0 4px 12px rgba(0,0,0,.5);--elevation-3: 0 8px 24px rgba(0,0,0,.6);--elevation-4: 0 16px 48px rgba(0,0,0,.7);--duration-instant: 80ms;--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--duration-enter: .35s;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-inout: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--nav-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--surface-bg);color:var(--text-200);font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:var(--fs-base);line-height:var(--lh-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:var(--surface-700);border-radius:3px}::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px}.skip-link{position:absolute;top:-100%;left:var(--sp-4);padding:var(--sp-2) var(--sp-4);background:var(--color-accent-500);color:#000;font-weight:var(--fw-semibold);border-radius:var(--r-sm);text-decoration:none;z-index:1000}.skip-link:focus{top:var(--sp-4)}#root{min-height:100dvh;display:flex;flex-direction:column}.page{flex:1;overflow-y:auto;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom));padding-bottom:calc(var(--nav-height) + constant(safe-area-inset-bottom))}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.anim-fade-up{animation:fadeUp var(--duration-slow) var(--ease-out) both}.anim-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out) both}.anim-slide-up{animation:slideUp var(--duration-enter) var(--ease-out) both}@keyframes fu{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sr{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.fu{animation:fu .25s ease both}.sr{animation:sr .3s ease both}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}a,button{-webkit-tap-highlight-color:transparent}select{color-scheme:dark}option{background:var(--surface-400);color:var(--text-200)}@media (max-width: 640px){input[type=text],input[type=email],input[type=tel],input[type=url],input[type=date],input[type=number],textarea,select{font-size:var(--fs-md)!important}}
