@font-face{font-family:Outfit;src:url(/fonts/Outfit-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Lexend Deca;src:url(/fonts/LexendDeca-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-VariableFont_wght.ttf) format("truetype");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Sansation;src:url(/fonts/Sansation-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sansation;src:url(/fonts/Sansation-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--surface: #F2EFED;--surface-container-lowest: #EDF7F4;--surface-container-low: #DAEEE8;--surface-container: #6CBCA4;--surface-container-high: #4FA88D;--surface-container-highest: #3E9176;--surface-bright: #2C6D56;--surface-variant: rgba(44, 109, 86, .2);--primary: #C36F4F;--primary-container: #A95336;--on-primary: #FFFFFF;--primary-glow: rgba(195, 111, 79, .12);--primary-subtle: rgba(195, 111, 79, .08);--primary-outline: rgba(195, 111, 79, .25);--secondary: #6CBCA4;--secondary-container: rgba(108, 188, 164, .15);--on-secondary: #FFFFFF;--tertiary: #C62828;--tertiary-container: rgba(198, 40, 40, .1);--on-tertiary: #FFFFFF;--on-background: #191919;--on-surface: #191919;--on-surface-dim: #1A3D33;--on-surface-variant: #1D4A3C;--outline: rgba(44, 109, 86, .45);--outline-variant: rgba(44, 109, 86, .22);--gradient-primary: linear-gradient(135deg, #C36F4F 0%, #A95336 100%);--gradient-logic-stream: linear-gradient(to bottom, #6CBCA4 0%, #C36F4F 100%);--font-display: "Poppins", -apple-system, sans-serif;--font-body: "Roboto", -apple-system, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--display-lg: 3.5rem;--display-md: 2.75rem;--display-sm: 2.25rem;--headline-lg: 2rem;--headline-md: 1.75rem;--headline-sm: 1.5rem;--title-lg: 1.375rem;--title-md: 1.25rem;--title-sm: 1.125rem;--body-lg: 1rem;--body-md: .875rem;--body-sm: .75rem;--label-lg: .875rem;--label-md: .75rem;--label-sm: .6875rem;--font-size-base: var(--body-md);--line-height-base: 1.6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 2px;--radius: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-pill: 9999px;--glow-sm: 0 2px 8px rgba(44, 109, 86, .2);--glow: 0 6px 24px rgba(44, 109, 86, .3);--glow-lg: 0 12px 40px rgba(44, 109, 86, .38);--ease-kinetic: cubic-bezier(.2, 0, 0, 1);--transition-fast: .1s cubic-bezier(.2, 0, 0, 1);--transition: .2s cubic-bezier(.2, 0, 0, 1);--transition-slow: .35s cubic-bezier(.2, 0, 0, 1);--bg: var(--surface);--bg-2: var(--surface-container);--bg-3: var(--surface-container-high);--border: var(--outline-variant);--text: var(--on-surface-dim);--text-dim: var(--on-surface-variant);--text-h: var(--on-background);--accent: var(--primary);--accent-hover:var(--primary-container);--accent-bg: var(--primary-subtle);--danger: var(--tertiary);--warning: #B5860A;--success: #2C6D56;--info: #1976D2;--shadow-sm: var(--glow-sm);--shadow: var(--glow);--shadow-lg: var(--glow-lg);--font-sans: var(--font-body)}.topnav{position:sticky;top:0;z-index:100;padding:var(--space-3) var(--space-5);pointer-events:none}.topnav .bar{position:relative;display:flex;align-items:center;gap:var(--space-6);padding:var(--space-3) var(--space-5);background:var(--surface-container);border-radius:var(--radius-xl);box-shadow:var(--glow);pointer-events:auto}.topnav .logo{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;text-decoration:none;color:#fff}.topnav .logo:hover{color:#fff}.topnav .logo-text{font-family:var(--font-display);font-weight:700;font-size:1.35rem;color:var(--primary);letter-spacing:.06em;line-height:1;text-transform:uppercase}.topnav .items{display:flex;align-items:center;gap:var(--space-5);flex:1;justify-content:center;list-style:none;margin:0;padding:0}.topnav .action{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.topnav .hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:none;border:none;border-radius:var(--radius);color:#fff;cursor:pointer;transition:background var(--transition-fast)}.topnav .hamburger:hover{background:#ffffff1f}.topnav .hamburger:focus-visible{outline:none;box-shadow:0 0 0 2px var(--primary-outline)}.topnav .account-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--gradient-primary);color:var(--on-primary);font-family:var(--font-body);font-size:var(--body-md);font-weight:600;text-decoration:none;border:none;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;transition:opacity var(--transition-fast),box-shadow var(--transition-fast)}.topnav .account-btn:hover{opacity:.88;box-shadow:var(--glow-sm)}.topnav .account-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--primary-outline),var(--glow-sm)}.topnav .account-btn--ghost{background:transparent;color:#fffc;box-shadow:inset 0 0 0 1px #ffffff4d}.topnav .account-btn--ghost:hover{opacity:1;background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff73;color:#fff}.nav-item{position:relative;display:inline-block;padding:var(--space-1) 0 6px;color:#fff;font-family:Outfit,sans-serif;font-size:var(--title-sm);font-weight:600;text-decoration:none;white-space:nowrap;transition:color var(--transition-fast),transform var(--transition-fast)}.nav-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--tertiary);border-radius:var(--radius-pill);transform:scaleX(0);transform-origin:left center;transition:transform var(--transition-fast)}.nav-item:hover{color:#fff;transform:translateY(-2px)}.nav-item:hover:after{transform:scaleX(1)}.nav-item--active{color:#fff}.nav-item--active:after{transform:scaleX(1);background:var(--primary)}@media(max-width:640px){.topnav{padding:var(--space-2) var(--space-3)}.topnav .bar{gap:var(--space-3);padding:var(--space-3) var(--space-4)}.topnav .action{margin-left:auto}.topnav .hamburger{display:flex}.topnav .items{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;flex-direction:column;align-items:stretch;gap:var(--space-1);padding:var(--space-3) var(--space-4) var(--space-4);background:var(--surface-container);border-radius:var(--radius-xl);box-shadow:var(--glow);z-index:1;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity var(--transition),transform var(--transition)}.topnav .items.open{opacity:1;transform:none;pointer-events:auto}.topnav .items .nav-item{display:block;padding:var(--space-3) var(--space-2);font-size:var(--body-lg);border-bottom:1px solid rgba(255,255,255,.12);transform:none}.topnav .items .nav-item:last-child{border-bottom:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light;font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--on-surface-dim);background:var(--surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}h1{font-family:var(--font-display);font-size:var(--headline-lg);font-weight:700;color:var(--on-background);line-height:1.2;letter-spacing:-.05em}h2{font-family:var(--font-display);font-size:var(--headline-md);font-weight:600;color:var(--on-background);line-height:1.6;letter-spacing:0em}h3{font-family:var(--font-display);font-size:var(--headline-sm);font-weight:600;color:var(--on-background);line-height:1.25}h4{font-family:var(--font-body);font-size:var(--title-lg);font-weight:600;color:var(--on-background)}h5{font-family:var(--font-body);font-size:var(--title-md);font-weight:600;color:var(--on-surface-dim)}h6{font-family:var(--font-body);font-size:var(--label-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--on-surface-variant)}p{color:var(--on-surface-dim);max-width:72ch}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-container)}code,pre{font-family:var(--font-mono);font-size:.875em;color:var(--on-surface-dim)}pre{background:var(--surface-container-lowest);border-radius:var(--radius);padding:var(--space-3) var(--space-4);overflow-x:auto}hr{border:none;height:1px;background:var(--outline-variant);margin:var(--space-5) 0}input,select{background:var(--surface-container-lowest);border:none;border-bottom:1px solid var(--outline-variant);border-radius:var(--radius) var(--radius) 0 0;color:var(--on-background);font-family:var(--font-body);font-size:var(--body-md);padding:var(--space-3) var(--space-4);outline:none;width:100%;transition:background var(--transition),box-shadow var(--transition)}input:focus,select:focus{background:var(--surface-variant);border-bottom-color:var(--primary);box-shadow:0 2px 0 0 var(--primary),var(--glow-sm)}input::placeholder{color:var(--on-surface-variant)}textarea{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius);color:var(--on-background);font-family:var(--font-body);font-size:var(--body-md);line-height:var(--line-height-base);padding:var(--space-3) var(--space-4);outline:none;width:100%;resize:vertical;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition)}textarea:focus{background:var(--surface-variant);border-color:var(--outline);box-shadow:var(--glow-sm)}textarea::placeholder{color:var(--on-surface-variant)}select{appearance:none;cursor:pointer}:focus-visible{outline:none;box-shadow:0 0 0 2px var(--primary-outline),var(--glow-sm)}.glass{background:var(--surface-variant);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl)}.logic-stream{background:var(--gradient-logic-stream);width:2px;border-radius:var(--radius-pill)}.label-technical{font-family:var(--font-body);font-size:var(--label-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--on-surface-variant)}.text-gradient-primary{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.floating{box-shadow:var(--glow)}