@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Serif:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-base: #f5f7f4;--bg-grid: #e7ece8;--text-primary: #132238;--text-secondary: #3f5168;--brand-main: #0f3a5f;--brand-main-strong: #0a2a45;--brand-accent: #1fb7a6;--brand-warn: #ff8a3d;--line-soft: #c8d4df;--line-strong: rgba(15, 58, 95, .12);--card-glass: rgba(255, 255, 255, .62);--bg-elevated: #ffffff;--bg-elevated-soft: rgba(255, 255, 255, .82);--bg-elevated-muted: rgba(245, 247, 244, .72);--bg-panel: rgba(15, 58, 95, .06);--bg-panel-strong: rgba(15, 58, 95, .08);--bg-panel-deep: rgba(15, 58, 95, .92);--bg-accent-soft: rgba(31, 183, 166, .1);--bg-accent-strong: rgba(31, 183, 166, .14);--bg-accent-glow: rgba(31, 183, 166, .08);--bg-main-glow: rgba(15, 58, 95, .06);--bg-preview: #eef2f6;--bg-modal: #f8fafc;--bg-modal-muted: #edf2f7;--bg-video: #0a1a2a;--bg-code: #132238;--text-on-dark: #f4fbff;--text-on-dark-muted: rgba(244, 251, 255, .74);--border-on-dark: rgba(255, 255, 255, .5);--bg-modal-backdrop: rgba(11, 24, 36, .68);--header-bg: rgba(245, 247, 244, .8);--header-bg-scrolled: rgba(245, 247, 244, .95);--menu-bg: var(--bg-base);--footer-main-bg: var(--text-primary);--footer-bottom-bg: #0a1a2a;--grid-opacity: .5;--shadow-soft: 0 1px 6px rgba(15, 58, 95, .12);--shadow-emphasis: 0 10px 24px rgba(15, 58, 95, .18);--shadow-button: 0 8px 24px rgba(15, 58, 95, .25);--console-control-bg: rgba(255, 255, 255, .84);--console-control-bg-hover: rgba(255, 255, 255, .94);--console-control-border: rgba(15, 58, 95, .16);--console-control-placeholder: rgba(63, 81, 104, .7);--console-control-disabled-bg: rgba(237, 242, 247, .9);--console-control-disabled-text: rgba(63, 81, 104, .82);--console-control-focus-ring: rgba(31, 183, 166, .14);--console-secondary-btn-bg: rgba(255, 255, 255, .82);--spacing-base: 8px;--section-gap-desktop: 96px;--section-gap-mobile: 64px;--container-max: 1200px;--radius-card: 14px;--radius-button: 10px;--shadow-card: 0 12px 36px rgba(15, 58, 95, .12);--shadow-card-hover: 0 16px 48px rgba(15, 58, 95, .18);--font-heading: "IBM Plex Serif", serif;--font-body: "IBM Plex Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}:root[data-theme=dark]{--bg-base: #0d1520;--bg-grid: rgba(97, 121, 145, .24);--text-primary: #f3f7fb;--text-secondary: #a9b9c9;--brand-main: #77b7ea;--brand-main-strong: #5ca8e5;--brand-accent: #45d6c2;--brand-warn: #ffb16b;--line-soft: rgba(141, 166, 190, .26);--line-strong: rgba(141, 166, 190, .34);--card-glass: rgba(14, 24, 37, .82);--bg-elevated: #162231;--bg-elevated-soft: rgba(18, 28, 42, .92);--bg-elevated-muted: rgba(17, 26, 39, .82);--bg-panel: rgba(129, 171, 212, .08);--bg-panel-strong: rgba(129, 171, 212, .14);--bg-panel-deep: #0c1724;--bg-accent-soft: rgba(69, 214, 194, .12);--bg-accent-strong: rgba(69, 214, 194, .18);--bg-accent-glow: rgba(69, 214, 194, .12);--bg-main-glow: rgba(119, 183, 234, .12);--bg-preview: #101a26;--bg-modal: #121d2b;--bg-modal-muted: #0f1824;--bg-video: #09111a;--bg-code: #0a1623;--text-on-dark: #f3f7fb;--text-on-dark-muted: rgba(243, 247, 251, .72);--border-on-dark: rgba(255, 255, 255, .26);--bg-modal-backdrop: rgba(3, 7, 12, .78);--header-bg: rgba(13, 21, 32, .72);--header-bg-scrolled: rgba(13, 21, 32, .9);--menu-bg: #101926;--footer-main-bg: #0a1119;--footer-bottom-bg: #060b11;--grid-opacity: .22;--shadow-soft: 0 1px 8px rgba(0, 0, 0, .28);--shadow-emphasis: 0 10px 24px rgba(0, 0, 0, .34);--shadow-button: 0 10px 24px rgba(0, 0, 0, .3);--console-control-bg: rgba(21, 33, 47, .96);--console-control-bg-hover: rgba(24, 38, 54, .98);--console-control-border: rgba(141, 166, 190, .36);--console-control-placeholder: rgba(201, 214, 227, .62);--console-control-disabled-bg: rgba(12, 23, 36, .92);--console-control-disabled-text: rgba(184, 199, 214, .74);--console-control-focus-ring: rgba(69, 214, 194, .18);--console-secondary-btn-bg: rgba(18, 28, 42, .92)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;color-scheme:light}:root[data-theme=dark]{color-scheme:dark}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px);background-size:40px 40px;opacity:var(--grid-opacity);pointer-events:none;z-index:-1;transform:translateZ(0);will-change:transform}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}p{color:var(--text-secondary);line-height:1.7}a{color:var(--brand-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-main)}code{font-family:var(--font-mono);font-size:.9em;background-color:var(--bg-panel-strong);padding:.2em .4em;border-radius:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-family:var(--font-body);font-size:1rem;font-weight:500;border-radius:var(--radius-button);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;min-height:44px}.btn-primary{background-color:var(--brand-main);color:#fff}.btn-primary:hover{background-color:var(--brand-main-strong);transform:translateY(-2px);box-shadow:var(--shadow-button)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:transparent;color:var(--brand-main);border:2px solid var(--brand-main)}.btn-secondary:hover{background-color:var(--brand-main);color:#fff}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--brand-accent)}.console-page input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]),.console-page select,.console-page textarea{border:1px solid var(--console-control-border);background:var(--console-control-bg);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast)}.console-page input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):hover,.console-page select:hover,.console-page textarea:hover{background:var(--console-control-bg-hover)}.console-page input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color])::-moz-placeholder,.console-page textarea::-moz-placeholder{color:var(--console-control-placeholder);opacity:1}.console-page input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color])::placeholder,.console-page textarea::placeholder{color:var(--console-control-placeholder);opacity:1}.console-page input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):focus,.console-page select:focus,.console-page textarea:focus{border-color:var(--brand-accent);box-shadow:0 0 0 3px var(--console-control-focus-ring);outline:none}.console-page input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):disabled,.console-page input[readonly],.console-page select:disabled,.console-page textarea:disabled{background:var(--console-control-disabled-bg);color:var(--console-control-disabled-text);cursor:not-allowed;opacity:1}.console-page select option{background:var(--bg-elevated);color:var(--text-primary)}.console-page input:-webkit-autofill,.console-page textarea:-webkit-autofill,.console-page select:-webkit-autofill{-webkit-text-fill-color:var(--text-primary);box-shadow:0 0 0 1000px var(--console-control-bg) inset}.card{background:var(--card-glass);backdrop-filter:blur(10px);border:1px solid var(--line-soft);border-radius:var(--radius-card);padding:24px;box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover);border-color:var(--brand-accent)}.section{padding:var(--section-gap-mobile) 24px}@media (min-width: 768px){.section{padding:var(--section-gap-desktop) 48px}}.section-title{text-align:center;margin-bottom:48px}.section-title h2{margin-bottom:16px}.section-title p{max-width:600px;margin:0 auto}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 24px}@media (min-width: 768px){.container{padding:0 32px}}@media (min-width: 1280px){.container{padding:0 40px}}:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--line-soft);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}