@layer base,components,utilities;@layer base{@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-cyrillic-400.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/jetbrains-mono-cyrillic-700.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/jetbrains-mono-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/manrope-cyrillic-400.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/manrope-cyrillic-700.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/manrope-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/manrope-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg: #0a0a0f;--color-bg-elevated: #12121a;--color-bg-card: #16161f;--color-surface: #1c1c28;--color-border: #2a2a3a;--color-border-subtle: #1e1e2e;--color-text: #e8e6e3;--color-text-muted: #8a8a9a;--color-text-dim: #5a5a6a;--color-accent: #e07830;--color-accent-hover: #f08a3e;--color-accent-dim: rgba(224, 120, 48, .15);--color-accent-glow: rgba(224, 120, 48, .25);--color-blue: #4a7fb5;--color-blue-dim: rgba(74, 127, 181, .15);--color-warm: #b8543a;--color-warm-dim: rgba(184, 84, 58, .1);--color-error: #c45c5c;--font-display: "JetBrains Mono", ui-monospace, "Cascadia Code", "Source Code Pro", monospace;--font-body: "Manrope", system-ui, -apple-system, sans-serif;--text-xs: clamp(.7rem, .65rem + .25vw, .8rem);--text-sm: clamp(.8rem, .75rem + .25vw, .9rem);--text-base: clamp(.95rem, .9rem + .25vw, 1.05rem);--text-lg: clamp(1.1rem, 1rem + .5vw, 1.3rem);--text-xl: clamp(1.3rem, 1.1rem + 1vw, 1.8rem);--text-2xl: clamp(1.8rem, 1.4rem + 2vw, 2.8rem);--text-3xl: clamp(2.5rem, 2rem + 3vw, 4.5rem);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-section: clamp(4rem, 3rem + 5vw, 8rem);--max-width: 72rem;--content-padding: clamp(1rem, .5rem + 2vw, 2rem);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .6s;--duration-reveal: .8s;--shadow-card: 0 4px 24px rgba(0, 0, 0, .3);--shadow-card-hover: 0 8px 40px rgba(0, 0, 0, .45), 0 0 20px var(--color-accent-dim);--shadow-glow: 0 0 30px var(--color-accent-glow);--shadow-glow-sm: 0 0 15px var(--color-accent-dim);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--blur-glass: 16px;--blur-heavy: 40px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.65;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.01em;text-transform:uppercase}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{max-width:65ch}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out);&:hover{color:var(--color-accent-hover)}&:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}}img,video{max-width:100%;height:auto;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--content-padding)}section{padding-block:var(--space-section);position:relative}section:nth-of-type(2n){background:radial-gradient(ellipse 80% 50% at 20% 50%,var(--color-warm-dim),transparent 70%),var(--color-bg)}section:nth-of-type(odd):not(:first-of-type){background:radial-gradient(ellipse 60% 40% at 80% 60%,var(--color-blue-dim),transparent 70%),var(--color-bg)}section h2{margin-bottom:var(--space-xl);position:relative;display:inline-block;&:after{content:"";position:absolute;bottom:-.5em;left:0;width:2.5em;height:2px;background:linear-gradient(90deg,var(--color-accent),transparent);border-radius:1px}}section+section:before{content:"";position:absolute;top:0;left:var(--content-padding);right:var(--content-padding);height:1px;background:linear-gradient(90deg,transparent,var(--color-border) 20%,var(--color-accent-dim) 50%,var(--color-border) 80%,transparent)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--color-border),var(--color-accent-dim));border-radius:3px}::selection{background:var(--color-accent-dim);color:var(--color-accent)}}
