@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--color-primary: #f5b72a;--color-primary-hover: #ffc84f;--color-scrollbar: #f5b72a;--color-bg-main: #0a0d12;--color-bg-main-elevated: #10161f;--color-bg-card: #111923;--color-bg-card-gradient: #182231;--color-bg-input: #0d141d;--color-bg-secondary: #141e2b;--color-bg-hover: rgba(245, 183, 42, .1);--color-border: #28384d;--color-border-hover: #4a678b;--color-border-subtle: rgba(180, 204, 235, .14);--color-text-primary: #eef4ff;--color-text-secondary: #b7c5d8;--color-text-muted: #95a7be;--color-text-footer: #7f92aa;--color-text-accent: #f5b72a;--color-white: #ffffff;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-backdrop: rgba(4, 8, 13, .72);--font-sans: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--spacing-xs: var(--space-2);--spacing-sm: var(--space-4);--spacing-md: var(--space-6);--spacing-lg: var(--space-8);--spacing-xl: var(--space-12);--spacing-xxl: var(--space-16);--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 4px 12px rgba(0, 0, 0, .26);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .34);--shadow-xl: 0 20px 44px rgba(0, 0, 0, .44);--page-gutter: var(--space-5);--page-max: 1440px;--sidebar-width: 264px;--touch-target-min: 44px;--control-height-sm: 34px;--control-height: 40px;--mobile-breakpoint: 480px;--tablet-breakpoint: 768px;--desktop-breakpoint: 1024px;font-family:var(--font-sans);font-size:16px;line-height:1.5;font-weight:500;color:var(--color-text-primary);background-color:var(--color-bg-main);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(min-width:768px){:root{--page-gutter: var(--space-6)}}@media(min-width:1280px){:root{--page-gutter: var(--space-8)}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{min-height:100vh;background:radial-gradient(circle at 15% -10%,rgba(245,183,42,.1),transparent 30%),radial-gradient(circle at 120% 15%,rgba(88,143,220,.14),transparent 35%),linear-gradient(180deg,#090d13,#0c131d 45%,#0a0d12);color:var(--color-text-primary)}html{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) #03060a}body::-webkit-scrollbar{width:10px;background:#03060a;border-radius:8px}body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f5b72a,#dd9f15);border-radius:8px;border:2px solid #03060a}body::-webkit-scrollbar-track{background:#03060a;border-radius:8px}:focus{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-hover)}::selection{background:#f5b72a59;color:var(--color-text-primary)}h1{font-size:var(--text-2xl);line-height:1.2;letter-spacing:-.01em}h2{font-size:var(--text-xl);line-height:1.25;letter-spacing:-.01em}h3{font-size:var(--text-lg);line-height:1.35}h4{font-size:var(--text-md);line-height:1.4}h5,h6{font-size:var(--text-base);line-height:1.4}body{font-size:var(--text-base)}button{font-family:inherit;cursor:pointer;border:none;background:none}button,input,textarea,select{color:inherit}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;height:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}