:root{--navy: #0B1426;--navy-deep: #060D1B;--navy-light: #111D33;--navy-mid: #162240;--blue: #3B82F6;--blue-hover: #2563EB;--blue-light: #DBEAFE;--blue-bg: #EFF6FF;--blue-muted: rgba(59,130,246,.08);--purple: #8B5CF6;--purple-light: #EDE9FE;--teal: #14B8A6;--teal-light: #CCFBF1;--green: #10B981;--green-light: #D1FAE5;--red: #EF4444;--red-light: #FEE2E2;--amber: #F59E0B;--amber-light: #FEF3C7;--gray-25: #FCFCFD;--gray-50: #F8FAFC;--gray-100: #F1F5F9;--gray-200: #E2E8F0;--gray-300: #CBD5E1;--gray-400: #94A3B8;--gray-500: #64748B;--gray-600: #475569;--gray-700: #334155;--gray-800: #1E293B;--white: #FFFFFF;--radius-xs: .375rem;--radius-sm: .5rem;--radius: .625rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px -1px rgba(0,0,0,.06);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.08), 0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -4px rgba(0,0,0,.03);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.04);--shadow-ring: 0 0 0 3px rgba(59,130,246,.12);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", "SF Mono", Menlo, monospace;--heading: "Manrope", var(--font);--ease: cubic-bezier(.4, 0, .2, 1);--duration: .15s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font);color:var(--gray-800);background:var(--gray-50);line-height:1.6;font-feature-settings:"cv02","cv03","cv04","cv11";overflow-x:hidden;-webkit-overflow-scrolling:touch}a{color:var(--blue);text-decoration:none}a:hover{color:var(--blue-hover)}input,select,textarea,button{font-family:var(--font);font-size:.875rem}::selection{background:var(--blue-light);color:var(--navy)}.mono{font-family:var(--mono)}.gradient-bar{height:2px;background:linear-gradient(90deg,var(--blue) 0%,var(--purple) 50%,var(--teal) 100%)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}*{-webkit-tap-highlight-color:transparent}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media screen and (max-width: 768px){input,select,textarea{font-size:16px!important}}@supports (padding: env(safe-area-inset-bottom)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media (pointer: coarse){button,a,[role=button]{min-height:44px;min-width:44px}input,select,textarea{min-height:44px}}#root{overflow-x:hidden;width:100%}img,video,svg,canvas{max-width:100%;height:auto}pre,code{word-break:break-word;overflow-wrap:break-word}pre{overflow-x:auto;-webkit-overflow-scrolling:touch}body{overscroll-behavior-y:contain}