@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/f639721981034f88-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9766a7e9e2e0ad5a-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b66cf8e69499582a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/aa016aab0e6d1295-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/22a5144ee8d83bca-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_246ccd{font-family:Geist,Geist Fallback;font-style:normal}.__variable_246ccd{--font-geist:"Geist","Geist Fallback"}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.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:100 800;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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 Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_3c557b{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_3c557b{--font-mono:"JetBrains Mono","JetBrains Mono Fallback"}

/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ease:initial}}}@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.flex-grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.resize-x{resize:horizontal}.resize-y{resize:vertical}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--accent:#f97316;--accent-hover:#ea580c;--accent-muted:#ffedd5;--accent-subtle:#fff7ed;--background:#f7f7f5;--surface:#fbfbfa;--surface-raised:#fff;--surface-subtle:#f1f1ee;--border:#deded9;--border-strong:#c8c8c1;--text:#202124;--text-muted:#696c73;--success:#16803c;--success-muted:#e8f7ed;--warning:#b45309;--error:#b42318;--error-muted:#fff1f0;--editor-bg:#f2f6f9;--editor-surface:#e7eef4;--editor-border:#c7d7e3;--editor-text:#193247;--editor-muted:#60778a;--shadow-elevated:0 12px 30px #181e2412;--shadow-interactive:0 7px 20px #181e240d;--font-sans:var(--font-geist),Arial,sans-serif;--font-code:var(--font-mono),Consolas,monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--header-height:62px;--space-section:clamp(72px,9vw,112px)}[data-theme=dark]{--accent:#f97316;--accent-hover:#fb8b3d;--accent-muted:#3b2418;--accent-subtle:#261b14;--background:#101114;--surface:#17191e;--surface-raised:#1d2026;--surface-subtle:#14161a;--border:#2a2e36;--border-strong:#3a3f49;--text:#f5f5f5;--text-muted:#a5a9b2;--success:#62d58b;--success-muted:#142a1d;--warning:#f2bd55;--error:#ff8a80;--error-muted:#2c1819;--editor-bg:#111820;--editor-surface:#151e27;--editor-border:#26313c;--editor-text:#e6edf3;--editor-muted:#8291a3;--shadow-elevated:0 12px 32px #0000002e;--shadow-interactive:0 7px 22px #00000021}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:var(--background);color:var(--text)}body{min-height:100dvh;font-family:var(--font-sans);font-synthesis:none;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.font-code,code,pre{font-family:var(--font-code)}:focus-visible{outline:3px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 65%,transparent)}}:focus-visible{outline-offset:3px}::selection{background:var(--accent-muted)}.container{width:min(1120px,100% - 40px);margin-inline:auto}.site-header{height:var(--header-height);border-bottom:1px solid var(--border);background:var(--surface);z-index:20;position:sticky;top:0}.header-inner{align-items:center;gap:clamp(24px,4vw,48px);height:100%;display:flex}.brand{white-space:nowrap;align-items:center;display:inline-flex}.brand-logo-frame{width:112px;height:42px;display:block;position:relative;overflow:hidden}.brand-logo{object-fit:contain;width:auto;max-width:none;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brand-logo-dark,[data-theme=dark] .brand-logo-light{display:none}[data-theme=dark] .brand-logo-dark{display:block}.nav{color:var(--text-muted);align-items:center;gap:2px;font-size:14px;font-weight:530;display:flex}.nav a{border-radius:var(--radius-sm);padding:9px 12px;transition:color .15s,background-color .15s}.nav a:hover{color:var(--text);background:var(--surface-subtle)}.header-actions{align-items:center;gap:8px;margin-left:auto;display:flex;position:relative}.user-menu-trigger .ui-icon{width:18px;height:18px}.user-menu-panel{z-index:40;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-raised);min-width:224px;max-width:min(280px,100vw - 32px);box-shadow:var(--shadow-elevated);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.user-menu-account{border-bottom:1px solid var(--border);gap:3px;margin-bottom:4px;padding:8px 10px 10px;display:grid}.user-menu-name{color:var(--text);font-size:14px;font-weight:650}.user-menu-email,.user-menu-name{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.user-menu-email{color:var(--text-muted);font-size:12px;font-weight:500}.user-menu-level{color:var(--accent);font:650 11px var(--font-code);margin:0}.user-menu-item{border-radius:var(--radius-sm);min-height:44px;color:var(--text);font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0 10px;font-size:14px;font-weight:550;display:flex}.user-menu-item:hover{background:var(--surface-subtle)}.user-menu-item:disabled{opacity:.6;cursor:not-allowed}.header-feedback{border:1px solid var(--border);background:var(--surface-raised);min-height:38px;color:var(--text);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:600;transition:color .15s,border-color .15s,background-color .15s;display:inline-flex}.header-feedback:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-subtle)}.header-feedback-icon{display:none}.header-feedback-label{white-space:nowrap}.feedback-dialog{overscroll-behavior:contain;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);width:min(480px,100% - 32px);max-height:min(88dvh,760px);color:var(--text);box-shadow:var(--shadow-elevated);margin:auto;padding:0;overflow-y:auto}.feedback-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#10111494}.feedback-dialog-inner{padding:clamp(20px,4vw,26px)}.feedback-dialog-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.feedback-dialog-heading{min-width:0}.feedback-dialog-header h2{letter-spacing:-.02em;margin:0;font-size:21px;font-weight:680}.feedback-dialog-subtitle{color:var(--text-muted);margin:5px 0 0;font-size:13px;line-height:1.5}.feedback-dialog-close{border:1px solid var(--border);background:var(--surface-raised);width:36px;height:36px;color:var(--text-muted);border-radius:8px;place-items:center;transition:color .15s,border-color .15s;display:grid}.feedback-dialog-close .ui-icon{width:17px;height:17px}.feedback-dialog-close:hover{border-color:var(--border-strong);color:var(--text)}.feedback-form{gap:18px;margin-top:22px;display:grid}.feedback-fieldset{border:0;min-width:0;margin:0;padding:0}.feedback-field-label{color:var(--text);margin-bottom:8px;font-size:13px;font-weight:650;display:block}.feedback-field-label span{color:var(--text-muted);font-weight:450}.feedback-type-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.feedback-type-option{min-width:0;position:relative}.feedback-type-input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.feedback-type-label{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-height:46px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:13.5px;font-weight:600;transition:color .15s,border-color .15s,background-color .15s;display:flex}.feedback-type-label:hover{border-color:var(--border-strong);color:var(--text)}.feedback-type-label .ui-icon{width:16px;height:16px}.feedback-type-input:checked+.feedback-type-label{border-color:var(--accent);background:var(--accent-subtle);color:var(--accent)}.feedback-type-input:focus-visible+.feedback-type-label{outline:2px solid var(--accent);outline-offset:2px}.feedback-fieldset:disabled .feedback-type-label{cursor:not-allowed;opacity:.65}.feedback-input,.feedback-textarea{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-raised);width:100%;color:var(--text);font:inherit;font-size:14px}.feedback-textarea{resize:vertical;min-height:152px;padding:12px 14px;line-height:1.6}.feedback-input{min-height:44px;padding:0 14px}.feedback-input:focus-visible,.feedback-textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--border-strong)}.feedback-field-meta{color:var(--text-muted);font:11px var(--font-code);justify-content:space-between;gap:12px;margin-top:6px;display:flex}.feedback-page-note{color:var(--text-muted);align-items:flex-start;gap:7px;margin:0;font-size:12.5px;line-height:1.5;display:flex}.feedback-page-note .ui-icon{width:15px;height:15px;margin-top:1px}.feedback-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.feedback-actions .button{flex:auto;min-height:44px;padding-inline:16px;font-size:13.5px}.feedback-error{border-radius:var(--radius-sm);background:var(--error-muted);color:var(--error);margin:-6px 0 0;padding:10px 12px;font-size:13px;line-height:1.5}.feedback-success{justify-items:start;gap:18px;margin-top:22px;display:grid}.feedback-success p{color:var(--success);margin:0;font-size:15px;font-weight:650}.icon-button{border:1px solid var(--border);color:var(--text);background:var(--surface-raised);border-radius:8px;place-items:center;width:38px;height:38px;transition:border-color .15s,background-color .15s;display:grid}.icon-button:hover{border-color:var(--border-strong);background:var(--surface-subtle)}.ui-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.15em;height:1.15em}.terminal-feedback,.terminal-result-meta{align-items:center;gap:6px;display:inline-flex}.theme-toggle span{font-size:17px;line-height:1}.theme-icon-dark,[data-theme=dark] .theme-icon-light{display:none}[data-theme=dark] .theme-icon-dark{display:inline}.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 17px;font-weight:650;transition:color .15s,background-color .15s,border-color .15s,transform .15s;display:inline-flex}.button-primary{background:var(--accent);color:#fff}.button-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button-secondary{border-color:var(--border-strong);color:var(--text);background:0 0}.button-secondary:hover{border-color:var(--accent);background:var(--accent-subtle)}.button:disabled{cursor:not-allowed;opacity:.55;transform:none}.text-link{color:var(--accent);align-items:center;gap:7px;font-weight:650;transition:color .15s,gap .15s;display:inline-flex}.text-link:hover{color:var(--accent-hover);gap:10px}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:720}.muted{color:var(--text-muted)}.page{padding:64px 0 96px}.page-heading{max-width:680px;margin-bottom:42px}.page-heading h1{letter-spacing:-.045em;margin:13px 0 16px;font-size:clamp(36px,5vw,52px);font-weight:690;line-height:1.04}.page-heading p{color:var(--text-muted);margin:0;font-size:17px;line-height:1.65}.hero{grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);align-items:center;gap:clamp(54px,8vw,96px);padding:clamp(72px,9vw,112px) 0 clamp(68px,8vw,100px);display:grid}.hero h1{letter-spacing:-.06em;margin:18px 0 25px;font-size:clamp(48px,6.3vw,74px);font-weight:720;line-height:.98}.hero p{color:var(--text-muted);max-width:590px;margin:0;font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:11px;margin-top:32px;display:flex}.terminal-card{background:var(--editor-bg);min-width:0;max-width:100%;color:var(--editor-text);border:1px solid var(--editor-border);box-shadow:var(--shadow-elevated);border-radius:12px;overflow:hidden}.terminal-top{background:var(--editor-surface);border-bottom:1px solid var(--editor-border);height:43px;color:var(--editor-muted);font:12px var(--font-code);align-items:center;padding:0 16px;display:flex}.terminal-file{color:var(--editor-text)}.terminal-runtime{color:var(--editor-muted);margin-left:auto}.terminal-problem{flex-direction:column;gap:5px;padding:18px clamp(24px,4vw,34px) 0;display:flex}.terminal-problem span{color:var(--editor-muted);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:700}.terminal-problem strong{color:var(--editor-text);font-size:14px;font-weight:620}.terminal-body{font:13px/1.9 var(--font-code);margin:0;padding:clamp(24px,4vw,34px);overflow-x:auto}.terminal-keyword{color:#c84e0a}.terminal-column{color:#315b78}.terminal-table{color:#0f766e}.terminal-success{color:#16803c}[data-theme=dark] .terminal-keyword{color:#ff9957}[data-theme=dark] .terminal-column{color:#c4dcf0}[data-theme=dark] .terminal-table{color:#72c7bd}[data-theme=dark] .terminal-success{color:#77d79b}.principles{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);padding:34px 0}.principle-grid{grid-template-columns:repeat(3,1fr);display:grid}.principle{border-right:1px solid var(--border);padding:6px 34px}.principle:first-child{padding-left:0}.principle:last-child{border:0;padding-right:0}.principle strong{letter-spacing:.035em;text-transform:uppercase;margin-bottom:8px;font-size:13px;display:block}.principle span{color:var(--text-muted);font-size:14px;line-height:1.55}.landing-section{padding-top:var(--space-section);padding-bottom:var(--space-section)}.section-heading{margin-bottom:42px}.section-heading.compact{margin-bottom:28px}.class-section h2,.section-heading h2{letter-spacing:-.045em;margin:12px 0 0;font-size:clamp(32px,4vw,46px);font-weight:680;line-height:1.08}.path-grid{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(2,1fr);display:grid}.path-option{padding:34px 48px 36px 0}.path-option+.path-option{border-left:1px solid var(--border);padding-left:48px}.path-number{color:var(--accent);font:600 12px var(--font-code)}.path-option h3{letter-spacing:-.025em;margin:16px 0 10px;font-size:25px}.path-option p{color:var(--text-muted);max-width:430px;margin:0 0 20px;line-height:1.65}.section-tinted{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.technology-list{border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.technology-item{background:var(--surface-raised);border-right:1px solid var(--border);flex-direction:column;justify-content:space-between;min-height:112px;display:flex}.technology-item:not(.available){background:var(--surface-subtle);color:var(--text-muted)}.technology-item strong{font-size:18px}.technology-item span{color:var(--text-muted);font-size:12px}.technology-item.available{transition:background-color .15s}.technology-item.available:hover{background:var(--accent-subtle)}.technology-item.available span{color:var(--accent);font-weight:650}.class-section{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:40px;padding-top:clamp(44px,5vw,64px);padding-bottom:clamp(44px,5vw,64px);display:grid}.class-section h2{font-size:clamp(26px,3.2vw,34px)}.class-intro>p{color:var(--text-muted);max-width:450px;margin:12px 0 0;font-size:15px;line-height:1.6}.study-routes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.study-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;gap:12px;padding:16px;transition:border-color .18s,transform .18s;display:flex}.study-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.study-card-head{align-items:center;gap:8px;display:flex}.study-card-code{background:var(--accent-muted);color:var(--accent);font:650 12px var(--font-code);letter-spacing:.05em;border-radius:6px;padding:3px 9px}.study-card-status{border:1px solid var(--border-strong);color:var(--text-muted);font:600 10px var(--font-code);text-transform:uppercase;letter-spacing:.07em;border-radius:999px;margin-left:auto;padding:2px 8px}.study-card h3{letter-spacing:-.01em;margin:0;font-size:14px;font-weight:650;line-height:1.35}.study-card-tags{flex-wrap:wrap;gap:6px;margin:auto 0 0;padding:0;list-style:none;display:flex}.study-card-tags li{border:1px solid var(--border);background:var(--surface-raised);color:var(--text-muted);font:11px var(--font-code);border-radius:6px;padding:3px 8px}.site-footer{border-top:1px solid var(--border);background:var(--surface);padding:28px 0}.footer-inner{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.card-elevated{background:var(--surface-raised);border-color:var(--border-strong);box-shadow:var(--shadow-elevated)}.card-interactive{transition:border-color .15s,background-color .15s,box-shadow .15s,transform .15s}.card-interactive:hover{border-color:var(--border-strong);background:var(--surface-raised);box-shadow:var(--shadow-interactive);transform:translateY(-2px)}.card-interactive:focus-visible{border-color:var(--accent)}.card.planned{background:var(--surface-subtle);border-color:var(--border);color:var(--text-muted)}.course-card{flex-direction:column;min-height:234px;display:flex}.course-card.available:hover{border-color:var(--accent)}.course-card.planned .course-icon{background:var(--surface);color:var(--text-muted)}.course-card.planned h2{color:var(--text);opacity:.78}.course-icon{background:var(--accent-muted);min-width:52px;height:36px;color:var(--accent);font:650 12px var(--font-code);border-radius:7px;align-self:flex-start;place-items:center;padding:0 11px;display:grid}.course-card h2{letter-spacing:-.02em;margin:22px 0 8px;font-size:21px}.course-card p{color:var(--text-muted);margin:0;line-height:1.55}.course-meta{color:var(--text-muted);justify-content:space-between;margin-top:auto;padding-top:22px;font-size:13px;display:flex}.badge{border:1px solid var(--accent);align-items:center;padding:5px 9px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.badge{border:1px solid color-mix(in srgb,var(--accent) 22%,transparent)}}.badge{background:var(--accent-muted);color:var(--accent);font:650 12px var(--font-code);border-radius:999px}.progress-track{background:var(--border);border-radius:20px;height:7px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:inherit;height:100%;transition:width .3s}.course-header{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;align-items:end;gap:30px;padding-bottom:38px;display:grid}.course-header h1{letter-spacing:-.045em;margin:12px 0;font-size:45px;font-weight:690}.course-header p{color:var(--text-muted);max-width:650px;line-height:1.65}.lesson-list{border:1px solid var(--border);border-radius:var(--radius-md);margin-top:30px;overflow:hidden}.lesson-list,.lesson-row{background:var(--surface)}.lesson-row{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;padding:20px 22px;transition:background-color .15s,padding .15s;display:grid}.lesson-row:last-child{border:0}.lesson-row:hover{background:var(--surface-raised);padding-inline:26px 18px}.lesson-row strong{margin-bottom:6px;display:block}.back-link,.lesson-row span{color:var(--text-muted);font-size:14px}.back-link{margin-bottom:30px;font-weight:600;display:inline-flex}.back-link:hover{color:var(--accent)}.lesson-page{min-width:0;max-width:820px}.lesson-page article{min-width:0;max-width:720px;font-size:17px;line-height:1.75}.lesson-page article h1{letter-spacing:-.045em;margin:28px 0 22px;font-size:clamp(36px,6vw,43px);font-weight:690;line-height:1.08}.lesson-page article p{margin:0}.lesson-page article code:not(pre code){background:var(--accent-muted);color:var(--accent);border-radius:4px;padding:2px 5px;font-size:.9em}.theory-position{color:var(--text-muted);font:12px var(--font-code);align-items:center;gap:8px;display:flex}.theory-position span{text-transform:uppercase;letter-spacing:.08em}.theory-position strong{color:var(--text);font-weight:650}.theory-flow{gap:14px;width:100%;min-width:0;margin-top:42px;display:grid}.theory-flow-step{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;min-width:0;position:relative;overflow:hidden}.theory-flow-step+.theory-flow-step:before{content:"";background:var(--border-strong);width:1px;height:15px;position:absolute;top:-15px;left:30px}.theory-step-heading{border-bottom:1px solid var(--border);background:var(--surface-subtle);align-items:center;gap:11px;min-height:46px;padding:0 17px;display:flex}.theory-step-heading span{color:var(--accent);font:650 11px var(--font-code)}.theory-step-heading h2{letter-spacing:.015em;margin:0;font-size:13px;font-weight:680}.theory-flow-step.is-result{border-left:3px solid var(--accent);background:var(--surface-raised)}.theory-table-wrap{min-width:0}.theory-table-caption{color:var(--text-muted);font:12px var(--font-code);padding:12px 17px 0}.theory-table-scroll{width:100%;max-width:100%;overflow-x:auto}.theory-table-wrap table{border-collapse:collapse;width:100%;font-size:14px}.theory-table-wrap td,.theory-table-wrap th{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;min-width:110px;padding:11px 17px}.theory-table-wrap tr:last-child td{border-bottom:0}.theory-table-wrap th{color:var(--text-muted);font:620 12px var(--font-code)}.theory-table-wrap td{font-variant-numeric:tabular-nums}.theory-flow-code{background:var(--editor-bg);border-color:var(--editor-border);color:var(--editor-text)}.theory-flow-code .theory-step-heading{border-color:var(--editor-border);background:var(--editor-surface)}.theory-flow-code .theory-step-heading h2,.theory-flow-code pre{color:var(--editor-text)}.theory-flow-code pre{max-width:100%;font:14px/1.7 var(--font-code);margin:0;padding:20px;overflow-x:auto}.theory-flow-note p{margin:0;padding:18px;line-height:1.65}.lesson-cta{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin-top:40px;padding-top:28px;display:flex}.theory-navigation-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.course-challenge-callout{border:1px dashed var(--border-strong);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:24px;margin-top:22px;padding:22px 24px;transition:border-color .15s,background-color .15s;display:flex}.course-challenge-callout:hover{border-color:var(--accent);background:var(--accent-subtle)}.course-challenge-callout strong{margin-top:7px;font-size:18px;display:block}.course-challenge-callout p{color:var(--text-muted);margin:5px 0 0;font-size:14px}.course-challenge-callout>span{color:var(--accent)}.practice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.practice-card{flex-direction:column;gap:26px;min-height:270px;display:flex}.practice-card.available{border-color:var(--border-strong);box-shadow:inset 0 2px 0 var(--accent),var(--shadow-elevated);transition:transform .15s,border-color .15s,background-color .15s,box-shadow .15s;position:relative}.practice-card.available:hover{border-color:var(--accent);background:var(--surface-raised);transform:translateY(-2px)}.practice-card.planned{opacity:.76}.practice-card.planned .course-icon{background:var(--surface);color:var(--text-muted)}.practice-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.availability{color:var(--text-muted);font:650 11px var(--font-code);align-items:center;gap:6px;display:inline-flex}.availability.available{color:var(--success)}.availability.available:before{content:"";background:var(--success);border-radius:50%;width:7px;height:7px}.availability.in-progress{color:var(--accent)}.availability.in-progress:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px}.availability.completed{color:var(--success)}.availability.completed .ui-icon{width:13px;height:13px}.course-progress{align-items:center;gap:10px;margin:18px 0 0;display:flex}.course-progress .progress-track{flex:1}.course-progress>span{color:var(--text-muted);font:600 12px var(--font-code);white-space:nowrap}.course-state-cta{color:var(--accent);margin-top:16px;font-size:13px;font-weight:650}.course-card.status-completed{border-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.course-card.status-completed{border-color:color-mix(in srgb,var(--success) 34%,var(--border))}}.course-card.status-completed{box-shadow:inset 0 2px 0 var(--success)}.course-card.status-completed:hover{border-color:var(--success)}.course-card.status-in-progress{box-shadow:inset 0 2px 0 var(--accent)}.practice-card h2{margin:0 0 8px;font-size:21px}.practice-card p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.55}.practice-card-action{color:var(--text-muted);margin-top:auto;font-size:13px;font-weight:650}.practice-card.available .practice-card-action{color:var(--accent)}.practice-page .page-heading{margin-bottom:34px}.practice-topic-list{border-top:1px solid var(--border)}.practice-topic{border-bottom:1px solid var(--border);grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:22px;padding:25px 4px;transition:background-color .15s,padding .15s;display:grid}.practice-topic:hover{background:var(--surface);padding-inline:16px}.practice-topic-number{color:var(--accent);font:650 12px var(--font-code)}.practice-topic h2{margin:0 0 7px;font-size:21px}.practice-topic p{color:var(--text-muted);margin:0;font-size:14px}.practice-count{color:var(--text-muted);white-space:nowrap;gap:18px;font-size:13px;display:flex}.practice-count span{color:var(--accent)}.practice-exercise-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.practice-exercise{grid-template-columns:auto 1fr auto;align-items:start;gap:18px;min-height:180px;display:grid}.practice-exercise:hover{border-color:var(--accent)}.practice-exercise-index{color:var(--accent);font:650 12px var(--font-code);padding-top:4px}.practice-exercise h2{margin:0 0 8px;font-size:19px}.practice-exercise p{color:var(--text-muted);margin:0 0 22px;line-height:1.55}.practice-exercise div span{color:var(--text-muted);font-size:12px}.practice-exercise-arrow{color:var(--accent)}.practice-challenges{border-top:1px solid var(--border);margin-top:52px;padding-top:34px}.practice-section-heading{justify-content:space-between;align-items:end;gap:36px;margin-bottom:22px;display:flex}.practice-section-heading h2{margin:7px 0 0;font-size:25px}.practice-section-heading p{max-width:440px;color:var(--text-muted);margin:0;font-size:14px;line-height:1.55}.dashboard-grid{grid-template-columns:minmax(0,1fr) 210px;gap:18px;display:grid}.continue-card{padding:clamp(25px,4vw,36px);transition:border-color .2s,box-shadow .2s}.continue-card:focus-within,.continue-card:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.continue-card:focus-within,.continue-card:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--border-strong))}}.continue-card:focus-within,.continue-card:hover{box-shadow:var(--shadow-elevated),inset 0 1px 0 var(--accent)}@supports (color:color-mix(in lab,red,red)){.continue-card:focus-within,.continue-card:hover{box-shadow:var(--shadow-elevated),inset 0 1px 0 color-mix(in srgb,var(--accent) 18%,transparent)}}.continue-course{align-items:center;gap:11px;display:flex}.continue-course .course-icon{min-width:42px;height:30px}.continue-course .badge{margin-left:auto}.continue-context{margin:28px 0 25px}.continue-context>span{color:var(--text-muted);font:600 12px var(--font-code)}.continue-card h2{letter-spacing:-.035em;margin:9px 0;font-size:clamp(27px,3vw,34px)}.continue-card p{max-width:610px;margin:0;line-height:1.6}.continue-progress-meta{color:var(--text-muted);font:600 12px var(--font-code);gap:20px;margin-bottom:9px}.continue-footer,.continue-progress-meta{justify-content:space-between;display:flex}.continue-footer{align-items:center;margin-top:24px}.stats{align-content:start;gap:12px;display:grid}.stat{background:0 0;padding:20px}.stat-value{margin-top:7px;font-size:25px;font-weight:680;display:block}.learning-hub{gap:58px;display:grid}.learning-hub-section .section-label{margin-bottom:18px}.learning-hub-section .section-label h2{font-size:25px}.learning-hub-section .continue-card{max-width:900px}.learning-loading{color:var(--text-muted)}.started-course-card{display:block}.started-course-card>div:first-child{justify-content:space-between;align-items:center;gap:16px;display:flex}.started-course-card h3{margin:20px 0 7px;font-size:20px}.started-course-card p{margin:0 0 20px}.started-course-card .card-action{color:var(--accent);margin-top:18px;font-size:13px;font-weight:650;display:inline-flex}.completed-course-card{background:var(--surface)}.completed-course-card .card-action{color:var(--text-muted)}.completed-course-card:hover .card-action{color:var(--text)}.progress-overview{gap:28px;display:grid}.progress-course{padding:clamp(25px,4vw,34px)}.progress-course-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.progress-course h2{letter-spacing:-.025em;margin:7px 0;font-size:28px}.progress-course>.progress-track{height:8px}.progress-summary{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);margin-top:28px;display:grid}.progress-metric{padding:22px 28px 0 0}.progress-metric+.progress-metric{border-left:1px solid var(--border);padding-left:28px}.progress-metric span{color:var(--text-muted);margin-bottom:8px;font-size:13px;display:block}.progress-metric strong{font-size:27px;font-weight:680}.progress-metric small{color:var(--text-muted);font-size:14px}.progress-activity{border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:16px;margin-top:22px;padding-top:18px;display:flex}.progress-activity span{color:var(--text-muted);font-size:13px}.progress-activity strong{font-size:15px;font-weight:650}.unit-progress-section{margin-top:34px}.section-label{justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px;display:flex}.section-label h2{margin:8px 0 0;font-size:24px}.section-label>span{font-size:13px}.unit-progress-list{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.unit-progress-row{border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;gap:34px;padding:20px 22px;transition:background-color .15s,opacity .15s;display:grid}.unit-progress-row:last-child{border-bottom:0}.unit-progress-row:hover{background:var(--surface-raised)}.unit-progress-row.status-current{background:var(--accent-subtle);box-shadow:inset 3px 0 0 var(--accent)}.unit-progress-row.status-pending{opacity:.72}.unit-progress-row.status-pending:hover{opacity:1}.unit-progress-title{align-items:flex-start;gap:13px;display:flex}.unit-progress-title strong{margin-bottom:5px;display:block}.unit-progress-title span:not(.status-dot){color:var(--text-muted);font-size:13px}.status-dot{border:1px solid var(--border-strong);width:21px;height:21px;color:var(--text-muted);border-radius:50%;flex:none;place-items:center;font-size:11px;display:grid}.status-dot.complete{border-color:var(--success);background:var(--success);color:#fff}.status-dot.current{border-color:var(--accent);background:var(--accent);color:#fff}.mini-progress{background:var(--border);border-radius:8px;height:4px;margin:15px 0 0 34px;overflow:hidden}.mini-progress span{background:var(--accent);height:100%;transition:width .3s;display:block}.unit-progress-meta{min-width:190px;color:var(--text-muted);grid-template-columns:1fr;align-content:center;gap:7px;font-size:12px;display:grid}.unit-progress-meta span{justify-content:space-between;gap:14px;display:flex}.unit-progress-meta strong{color:var(--text);font-weight:620}.unit-status-label{justify-self:end;margin-bottom:2px;font-weight:680}.unit-status-label.complete{color:var(--success)}.unit-status-label.current{color:var(--accent)}.dev-tools{border-top:1px dashed var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;gap:24px;margin-top:56px;padding-top:24px;display:flex}.dev-tools strong{color:var(--text);margin-bottom:4px;font-size:13px;display:block}.dev-tools span{font-size:13px}.dev-tools-actions{flex-wrap:wrap;gap:10px;display:flex}.dev-tools-note{color:var(--text);margin-top:8px;font-weight:550;display:block}.dev-tools-note-error{color:var(--error)}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.reveal{--reveal-delay:0s;opacity:0;transition:opacity .42s ease var(--reveal-delay),transform .42s cubic-bezier(.22,1,.36,1) var(--reveal-delay);transform:translateY(12px)}.reveal[data-visible=true]{opacity:1;transform:translateY(0)}.reveal-stagger>*{opacity:0;transition:opacity .38s,transform .38s cubic-bezier(.22,1,.36,1);transform:translateY(10px)}.reveal-stagger[data-visible=true]>*{opacity:1;transform:translateY(0)}.reveal-stagger[data-visible=true]>:nth-child(2){transition-delay:50ms}.reveal-stagger[data-visible=true]>:nth-child(3){transition-delay:.1s}.reveal-stagger[data-visible=true]>:nth-child(4){transition-delay:.15s}.reveal-stagger[data-visible=true]>:nth-child(n+5){transition-delay:.18s}.theme-toggle{position:relative;overflow:hidden}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:opacity .25s,transform .35s cubic-bezier(.22,1,.36,1);position:absolute}.theme-toggle .theme-icon-light{opacity:1;display:block;transform:rotate(0)scale(1)}.theme-toggle .theme-icon-dark{opacity:0;display:block;transform:rotate(-70deg)scale(.55)}.theme-toggle .theme-icon-light path{fill:currentColor;stroke:none}[data-theme=dark] .theme-toggle .theme-icon-light{opacity:0;display:block;transform:rotate(70deg)scale(.55)}[data-theme=dark] .theme-toggle .theme-icon-dark{opacity:1;display:block;transform:rotate(0)scale(1)}.theme-toggle[data-changing=true]{animation:theme-toggle-pop .32s}.technology-visual{color:var(--technology-color,var(--text));background:var(--technology-color,var(--text));flex:none;place-items:center;display:grid}@supports (color:color-mix(in lab,red,red)){.technology-visual{background:color-mix(in srgb,var(--technology-color,var(--text)) 10%,var(--surface-raised))}}.technology-visual{border:1px solid var(--technology-color,var(--border-strong))}@supports (color:color-mix(in lab,red,red)){.technology-visual{border:1px solid color-mix(in srgb,var(--technology-color,var(--border-strong)) 19%,var(--border))}}.technology-visual svg{fill:currentColor;width:47%;height:47%}.technology-visual-card{border-radius:16px;width:66px;height:66px}.technology-visual-mini{border-radius:10px;width:38px;height:38px}.technology-visual-cloud{background:var(--surface-raised);width:52px;height:52px;box-shadow:var(--shadow-interactive);border-radius:14px}.technology-visual[data-technology=sql]{--technology-color:#336791}.technology-visual[data-technology=java]{--technology-color:#e76f00}.technology-visual[data-technology=python]{--technology-color:#3776ab}.technology-visual[data-technology=javascript]{--technology-color:#b69b00}.technology-visual[data-technology=html]{--technology-color:#e34f26}.technology-visual[data-technology=css]{--technology-color:#639}.technology-visual[data-technology=git]{--technology-color:#f05032}.technology-visual[data-technology=docker]{--technology-color:#2496ed}.technology-visual[data-technology=php]{--technology-color:#777bb4}.terminal-demo{min-height:430px}.terminal-demo-body{font:13px/1.65 var(--font-code);padding:clamp(22px,4vw,32px)}.terminal-prompt{color:var(--accent);grid-template-columns:16px minmax(0,1fr);display:grid}.terminal-prompt pre{min-height:66px;color:var(--editor-text);font:inherit;white-space:pre-wrap;margin:0}.terminal-cursor{vertical-align:-.18em;background:var(--accent);width:7px;height:1.05em;margin-left:3px;animation:terminal-blink .75s step-end infinite;display:inline-block}.terminal-execution,.terminal-result{opacity:0;visibility:hidden;transition:opacity .24s,transform .24s;transform:translateY(7px)}.terminal-execution.is-visible,.terminal-result.is-visible{opacity:1;visibility:visible;transform:none}.terminal-execution{min-height:34px;color:var(--editor-muted);padding:11px 0 7px 16px}.terminal-spinner{background:var(--accent);border-radius:50%;width:8px;height:8px;margin-right:8px;animation:terminal-pulse .8s ease-in-out infinite;display:inline-block}.terminal-result{margin:6px 0 0 16px}.terminal-feedback,.terminal-result-meta{color:var(--success)}.terminal-result table{border-collapse:collapse;width:100%;color:var(--editor-text);margin:10px 0}.terminal-result td,.terminal-result th{border:1px solid var(--editor-border);text-align:left;padding:7px 10px;font-weight:450}.terminal-result th{color:var(--editor-muted);background:var(--editor-surface)}.terminal-feedback{padding-top:3px;font-weight:620}.technology-list{border:0;border-radius:0;gap:14px;overflow:visible}.technology-item{border:1px solid var(--border);border-radius:var(--radius-lg);gap:25px;min-width:0;min-height:250px;padding:20px}.technology-item:last-child{border:1px solid var(--border)}.technology-item-top{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.technology-item-top>span:last-child{font:650 10px var(--font-code);letter-spacing:.035em;padding-top:4px}.technology-item strong{margin-bottom:7px;font-size:20px;display:block}.technology-item p{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.technology-item-action{margin-top:auto}.technology-item.available{border-color:var(--border-strong);box-shadow:var(--shadow-elevated);transition:transform .2s,border-color .2s,background-color .2s}.technology-item.available:hover{border-color:var(--accent);transform:translateY(-3px)}.technology-item:not(.available){opacity:.72}.course-card{min-height:285px}.course-card-visual{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.course-card h2{margin-top:24px}.course-card.planned .technology-visual,.practice-card.planned .technology-visual{filter:grayscale(.72);opacity:.72}.practice-card{min-height:330px}.practice-card-top{align-items:flex-start}.practice-card .technology-visual{width:72px;height:72px}.continue-card{position:relative;overflow:hidden}.continue-course{z-index:1;position:relative}.continue-technical-mark{opacity:.12;pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute;top:82px;right:30px}.continue-technical-mark span{color:var(--text);font:650 11px/1.5 var(--font-code)}.continue-context{z-index:1;padding-right:150px;position:relative}.bento-grid{display:grid}.learning-bento{grid-template-rows:repeat(2,minmax(245px,auto)) minmax(245px,auto);grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);grid-template-areas:"code feedback""code progress""path path";gap:14px}.bento-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;min-width:0;padding:clamp(21px,2.4vw,30px);transition:border-color .18s,background-color .18s;display:flex;overflow:hidden}.bento-card:hover{border-color:var(--border-strong);background:var(--surface-raised)}.learning-card-heading{grid-template-columns:28px minmax(0,1fr);align-items:start;gap:12px;display:grid}.learning-card-index{color:var(--accent);font:650 11px var(--font-code);padding-top:4px}.learning-card-heading h3{letter-spacing:-.025em;margin:0;font-size:clamp(18px,2vw,23px)}.learning-card-heading p{max-width:520px;color:var(--text-muted);margin:7px 0 0;font-size:13px;line-height:1.55}.learning-code-card{background:var(--surface);grid-area:code}.learning-editor{border:1px solid var(--editor-border);background:var(--editor-bg);min-height:0;color:var(--editor-text);border-radius:9px;flex:1;grid-template-rows:auto minmax(130px,1fr) auto auto;margin-top:24px;display:grid;overflow:hidden}.learning-editor-bar{border-bottom:1px solid var(--editor-border);background:var(--editor-surface);min-height:39px;color:var(--editor-muted);font:10px var(--font-code);justify-content:space-between;align-items:center;padding:0 13px;display:flex}.learning-editor-bar span:first-child,.learning-editor-code{color:var(--editor-text)}.learning-editor-code{font:13px/1.9 var(--font-code);white-space:pre-wrap;margin:0;padding:24px 18px}.learning-editor-code code{margin-left:18px}.learning-editor-code b{color:var(--accent);font-weight:650}.code-line-number{width:12px;color:var(--editor-muted);-webkit-user-select:none;user-select:none;display:inline-block}.learning-code-cursor{vertical-align:-.16em;background:var(--accent);width:7px;height:1em;margin-left:3px;animation:learning-cursor .85s step-end infinite;display:inline-block}.learning-editor-run{border-top:1px solid var(--editor-border);background:var(--editor-surface);min-height:47px;color:var(--editor-muted);font:10px var(--font-code);align-items:center;gap:12px;padding:8px 12px;display:flex}.learning-run-button{background:var(--accent);color:#fff;font:650 12px var(--font-sans);border-radius:6px;align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.learning-run-button .ui-icon{width:12px;height:12px}.learning-editor-result{border:1px solid var(--success);align-items:center;gap:10px;margin:12px;padding:11px 12px;display:flex}@supports (color:color-mix(in lab,red,red)){.learning-editor-result{border:1px solid color-mix(in srgb,var(--success) 34%,var(--editor-border))}}.learning-editor-result{background:var(--success-muted);border-radius:7px}@supports (color:color-mix(in lab,red,red)){.learning-editor-result{background:color-mix(in srgb,var(--success-muted) 54%,var(--editor-bg))}}.learning-editor-result{color:var(--success)}.learning-editor-result .ui-icon{width:16px;height:16px}.learning-editor-result span{flex-direction:column;gap:2px;display:flex}.learning-editor-result strong{font-size:12px}.learning-editor-result small{color:var(--editor-muted);font:10px var(--font-code)}.learning-feedback-card{grid-area:feedback}.learning-check-list{gap:7px;margin:20px 0 0;padding:0;list-style:none;display:grid}.learning-check-list li{border:1px solid var(--border);background:var(--surface-raised);border-radius:7px;align-items:center;gap:9px;min-height:34px;padding:7px 10px;display:flex}.learning-check-list li>span{background:var(--success-muted);width:18px;height:18px;color:var(--success);border-radius:50%;place-items:center;display:grid}.learning-check-list .ui-icon{width:11px;height:11px}.learning-check-list code{color:var(--text);font:11px var(--font-code)}.learning-feedback-context{color:var(--text-muted);align-items:center;gap:9px;margin-top:auto;padding-top:15px;font-size:11px;line-height:1.4;display:flex}.learning-feedback-context code{background:var(--accent-muted);color:var(--accent);font:10px var(--font-code);border-radius:4px;padding:3px 6px}.learning-progress-card{grid-area:progress}.learning-level-row{justify-content:space-between;align-items:end;gap:14px;margin-top:22px;display:flex}.learning-level-row>span{flex-direction:column;gap:2px;display:flex}.learning-level-row small{color:var(--text-muted);font:600 10px var(--font-code);text-transform:uppercase;letter-spacing:.08em}.learning-level-row strong{font-size:17px}.learning-level-row>b{color:var(--accent);font:650 13px var(--font-code)}.learning-progress-track{background:var(--border);border-radius:2px;height:8px;margin-top:18px;overflow:hidden}.learning-progress-track span{width:var(--progress-value);background:var(--accent);height:100%;display:block}.learning-bento-reveal[data-visible=true] .learning-editor-result{animation:learning-result .45s .5s both}.learning-bento-reveal[data-visible=true] .learning-check-list li{animation:learning-check .35s ease calc(.18s + var(--check-order) * 90ms) both}.learning-bento-reveal[data-visible=true] .learning-progress-track span{animation:learning-progress .9s cubic-bezier(.22,1,.36,1) .15s both}.learning-progress-steps{grid-template-columns:repeat(9,1fr);gap:5px;margin-top:9px;display:grid}.learning-progress-steps i{background:var(--border);height:3px}.learning-progress-steps .is-complete{background:var(--accent)}.learning-progress-meta{align-items:baseline;gap:7px;margin-top:auto;padding-top:16px;display:flex}.learning-progress-meta strong{font:650 15px var(--font-code)}.learning-progress-meta span{color:var(--text-muted);font-size:11px}.learning-path-card{grid-area:path}.learning-path{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:28px 0 0;padding:0;list-style:none;display:grid;position:relative}.learning-path:before{content:"";background:var(--border-strong);height:1px;position:absolute;top:19px;left:8%;right:8%}.learning-path li{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.learning-path-node{display:inline-flex;position:relative}.learning-path-node .technology-visual{z-index:1;background:var(--surface);position:relative}.learning-path-number{z-index:2;border:1px solid var(--border-strong);background:var(--surface);width:17px;height:17px;color:var(--text-muted);font:600 7px var(--font-code);border-radius:50%;place-items:center;display:grid;position:absolute;top:-6px;right:-6px}.learning-path li>strong{margin-top:11px;font-size:13px}.learning-path-status{color:var(--text-muted);font:9px var(--font-code);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.learning-path .is-available .technology-visual{border-color:var(--accent)}.learning-path .is-available .learning-path-status{color:var(--success)}.learning-path .is-upcoming .technology-visual{filter:grayscale(.72);opacity:.62}.learning-path .is-upcoming>strong{color:var(--text-muted)}@keyframes learning-cursor{50%{opacity:0}}@keyframes learning-result{0%{opacity:0;transform:translateY(5px)}}@keyframes learning-check{0%{opacity:0;transform:translateY(5px)}}@keyframes learning-progress{0%{width:0}}@media (max-width:1024px){.learning-bento{grid-template-rows:repeat(2,minmax(240px,auto)) auto;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.learning-path{margin-top:25px}}@media (max-width:820px){.learning-bento{grid-template:"code code""feedback progress""path path"/1fr 1fr}.learning-editor{min-height:340px}}@media (max-width:600px){.learning-bento{grid-template-columns:minmax(0,1fr);grid-template-areas:"code""feedback""path""progress"}.bento-card{border-radius:11px;padding:20px}.learning-editor{min-height:330px;margin-top:20px}.learning-path{grid-template-columns:1fr;gap:12px;margin-top:22px}.learning-path:before{width:1px;height:auto;inset:20px auto 20px 19px}.learning-path li{text-align:left;grid-template-rows:auto auto;grid-template-columns:42px minmax(0,1fr);align-items:center;column-gap:12px;min-height:44px;display:grid}.learning-path-node{grid-row:1/3}.learning-path li>strong{align-self:end;margin:0}.learning-path-status{align-self:start;margin:2px 0 0}}.ecosystem-section{padding:var(--space-section) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface)}.ecosystem-inner{grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);align-items:center;gap:clamp(50px,8vw,110px);display:grid}.ecosystem-copy h2{letter-spacing:-.045em;max-width:600px;margin:12px 0 20px;font-size:clamp(32px,4vw,46px);line-height:1.08}.ecosystem-copy p{max-width:590px;color:var(--text-muted);margin:0;font-size:16px;line-height:1.7}.ecosystem-copy p strong{color:var(--text)}.ecosystem-status{color:var(--text-muted);font:12px var(--font-code);flex-wrap:wrap;gap:16px;margin-top:26px;display:flex}.ecosystem-status span{align-items:center;gap:7px;display:flex}.status-live{background:var(--success);border-radius:50%;width:7px;height:7px}.technology-cloud{aspect-ratio:1;border:1px solid var(--border);background:radial-gradient(circle at center,var(--surface-raised) 0 12%,transparent 13%),radial-gradient(circle at center,transparent 0 43%,var(--border) 43.3% 43.6%,transparent 44%);border-radius:50%;width:min(100%,390px);margin-inline:auto;position:relative;overflow:hidden}.cloud-orbit{border:1px dashed var(--border-strong);border-radius:50%;position:absolute;inset:20%}.cloud-core{color:var(--accent);font:700 17px var(--font-code);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.cloud-node{--cloud-delay:calc(var(--cloud-index) * -410ms);animation:cloud-float 4.2s ease-in-out var(--cloud-delay) infinite paused;position:absolute}.technology-cloud[data-active=true] .cloud-node{animation-play-state:running}.cloud-node-1{top:5%;left:43%}.cloud-node-2{top:20%;right:10%}.cloud-node-3{top:57%;right:6%}.cloud-node-4{bottom:7%;right:28%}.cloud-node-5{bottom:9%;left:24%}.cloud-node-6{top:57%;left:6%}.cloud-node-7{top:20%;left:9%}.cloud-node-8{top:39%;left:42%}.cloud-node-8 .technology-visual{width:60px;height:60px}@keyframes terminal-blink{50%{opacity:0}}@keyframes terminal-pulse{50%{opacity:.3;transform:scale(.72)}}@keyframes cloud-float{0%,to{transform:translateY(-3px)}50%{transform:translateY(5px)}}@keyframes theme-toggle-pop{50%{transform:scale(.88)rotate(5deg)}}.header-auth-placeholder{background:var(--surface-subtle);border-radius:8px;width:38px;height:38px;animation:auth-placeholder-pulse 1.2s ease-in-out infinite}.header-auth-link{border:1px solid var(--border);background:var(--surface-raised);min-height:38px;color:var(--text);white-space:nowrap;border-radius:8px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:600;transition:color .15s,border-color .15s,background-color .15s;display:inline-flex}.header-auth-link:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-subtle)}.header-auth-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.auth-page{min-height:calc(100vh - var(--header-height));min-height:calc(100dvh - var(--header-height));justify-content:center;align-items:center;padding:clamp(26px,4vw,58px) clamp(16px,4vw,40px);display:flex}.auth-frame{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(100%,1110px);box-shadow:var(--shadow-elevated);grid-template-columns:minmax(0,42fr) minmax(0,58fr);display:grid;overflow:hidden}.auth-visual{color:#f2f2f4;text-align:center;background:#121317;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:clamp(28px,3vw,46px);display:flex;position:relative;overflow:hidden}.auth-visual:before{content:"";background:radial-gradient(circle at 50% 38%,var(--accent),transparent 64%);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.auth-visual:before{background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 64%)}}.auth-visual:before{opacity:.5;pointer-events:none}.auth-visual:after{content:"";opacity:.18;pointer-events:none;background-image:radial-gradient(#ffffff2e 1px,#0000 0);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000,#0000 76%);mask-image:radial-gradient(circle at 50% 45%,#000,#0000 76%)}.auth-visual-stage{z-index:1;place-items:center;width:100%;height:clamp(196px,22vw,248px);display:grid;position:relative}.auth-visual-glow{aspect-ratio:1;background:var(--accent);border-radius:50%;width:64%;position:absolute}@supports (color:color-mix(in lab,red,red)){.auth-visual-glow{background:color-mix(in srgb,var(--accent) 22%,transparent)}}.auth-visual-glow{filter:blur(32px)}.auth-visual-mark{width:clamp(112px,12vw,142px);height:clamp(112px,12vw,142px);display:block;position:relative}.auth-visual-mark img{object-fit:contain;width:100%;height:100%}.auth-visual-token{color:#f2f2f480;font:11px var(--font-code);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;padding:3px 8px;position:absolute}.auth-visual-token.is-accent{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.auth-visual-token.is-accent{border-color:color-mix(in srgb,var(--accent) 42%,transparent)}}.auth-visual-token.is-accent{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.auth-visual-token.is-accent{background:color-mix(in srgb,var(--accent) 13%,transparent)}}.auth-visual-token.is-accent{color:var(--accent)}.auth-visual-token.t1{top:2%;left:1%}.auth-visual-token.t2{top:10%;right:0}.auth-visual-token.t3{bottom:12%;left:6%}.auth-visual-token.t4{bottom:4%;right:8%}.auth-visual-token.t5{top:45%;left:0}.auth-visual-phrase{z-index:1;letter-spacing:-.02em;margin:0;font-size:clamp(18px,1.5vw,21px);font-weight:660;position:relative}.auth-visual-sub{z-index:1;color:#f2f2f494;margin:0;font-size:13px;position:relative}.auth-form-panel{background:var(--surface);justify-content:center;align-items:center;padding:clamp(30px,3.6vw,54px) clamp(24px,3.4vw,52px);display:flex}.auth-form-inner{width:100%;max-width:440px}.auth-card{gap:24px;display:grid}.auth-heading h1{letter-spacing:-.035em;margin:0;font-size:clamp(25px,2.4vw,31px);font-weight:690}.auth-eyebrow{margin-bottom:10px;display:inline-block}.auth-form-logo{width:118px;height:40px;margin-bottom:20px;display:none;position:relative;overflow:hidden}.auth-form-logo .brand-logo{height:42px}.auth-heading .auth-note{margin:8px 0 0}.auth-oauth{gap:10px;display:grid}.auth-oauth-button{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);min-height:46px;color:var(--text);justify-content:center;align-items:center;gap:10px;padding:0 14px;font-size:14px;font-weight:620;transition:border-color .15s,background-color .15s;display:flex;position:relative}.auth-oauth-button:hover:not(:disabled){border-color:var(--accent);background:var(--surface-subtle)}.auth-oauth-button:disabled{opacity:.6;cursor:not-allowed}.auth-oauth-icon{fill:currentColor;flex:none;width:17px;height:17px}.auth-oauth-spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:auth-spin .7s linear infinite;position:absolute;right:14px}@keyframes auth-spin{to{transform:rotate(1turn)}}.auth-divider{color:var(--text-muted);align-items:center;gap:12px;font-size:12px;display:flex}.auth-divider:after,.auth-divider:before{content:"";background:var(--border);flex:1;height:1px}.auth-form{gap:18px;display:grid}.auth-field label{color:var(--text);margin-bottom:8px;font-size:13px;font-weight:650;display:block}.auth-field-label{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.auth-field-label label{margin-bottom:0}.auth-field-hint{color:var(--text-muted);font:11px var(--font-code)}.auth-field input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);width:100%;min-height:50px;color:var(--text);padding:0 14px;font-size:14px}.auth-field input:focus-visible{border-color:var(--accent)}.auth-field input:disabled{opacity:.65}.auth-input-wrap{position:relative}.auth-input-wrap input{padding-right:46px}.auth-input-toggle{width:34px;height:34px;color:var(--text-muted);background:0 0;border:0;border-radius:6px;place-items:center;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.auth-input-toggle:hover{color:var(--text);background:var(--surface-subtle)}.auth-eye-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.auth-field-error{color:var(--error);margin:6px 0 0;font-size:12px;font-weight:550}.auth-feedback{border-radius:var(--radius-sm);margin:0;padding:11px 12px;font-size:13px;line-height:1.5}.auth-feedback-error{background:var(--error-muted);color:var(--error)}.auth-feedback-success{background:var(--success-muted);color:var(--success)}.auth-switch{color:var(--text-muted);text-align:center;margin:0;font-size:13px}.auth-switch-button{color:var(--accent);font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:650;text-decoration:underline}.auth-switch-button:hover:not(:disabled){color:var(--accent-hover)}.auth-forgot{text-align:right;margin:8px 0 0}.auth-forgot-button{color:var(--text-muted);background:0 0;border:0;padding:0;font-size:12px;font-weight:550;transition:color .15s}.auth-forgot-button:hover:not(:disabled){color:var(--accent);text-underline-offset:3px;text-decoration:underline}.auth-forgot-button:disabled{opacity:.6;cursor:not-allowed}.auth-note{color:var(--text-muted);margin:18px 0 0;font-size:13px;line-height:1.55}.auth-form .button{width:100%;min-height:48px}@keyframes auth-placeholder-pulse{50%{opacity:.5}}@media (max-width:600px){.header-inner{gap:16px}.header-auth-label{display:none}.header-auth-link{justify-content:center;width:44px;height:44px;min-height:44px;padding:0}.header-auth-icon{width:19px;height:19px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal,.reveal-stagger>*{opacity:1!important;transform:none!important}.cloud-node,.terminal-cursor,.terminal-spinner{animation:none!important}}@media (max-width:800px){body{padding-bottom:58px}.nav{z-index:30;height:58px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);background:var(--surface);grid-template-columns:repeat(3,1fr);gap:0;display:grid;position:fixed;bottom:0;left:0;right:0}.nav a{border-radius:0;place-items:center;padding:8px;font-size:12px;display:grid}.container{width:min(100% - 28px,1120px)}.hero{grid-template-columns:1fr;gap:44px;padding:60px 0 68px}.hero h1{font-size:clamp(46px,13vw,62px)}.terminal-card{max-width:560px}.class-section,.dashboard-grid,.grid,.principle-grid{grid-template-columns:1fr}.principle{border-right:0;border-bottom:1px solid var(--border);padding:20px 0}.principle:first-child{padding-top:0}.principle:last-child{border:0;padding-bottom:0}.path-grid{grid-template-columns:1fr}.path-option{padding:28px 0}.path-option+.path-option{border-left:0;border-top:1px solid var(--border);padding-left:0}.technology-list{grid-template-columns:repeat(2,1fr)}.technology-item:nth-child(2){border-right:0}.technology-item:nth-child(-n+2){border-bottom:1px solid var(--border)}.class-section{gap:38px}.course-header{grid-template-columns:1fr}.page{padding-top:44px}.practice-exercise-list,.practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-summary{grid-template-columns:1fr}.progress-metric+.progress-metric{border-left:0;border-top:1px solid var(--border);padding-left:0}.unit-progress-row{grid-template-columns:1fr;gap:16px}.unit-progress-meta{min-width:0;padding-left:34px}.dev-tools,.footer-inner{flex-direction:column;align-items:flex-start;gap:18px}.learning-hub{gap:46px}}@media (max-width:480px){.brand-logo-frame{width:98px}.practice-exercise-list,.practice-grid,.technology-list{grid-template-columns:1fr}.technology-item{border-right:0}.technology-item,.technology-item:nth-child(3){border-bottom:1px solid var(--border)}.practice-topic{grid-template-columns:38px 1fr;gap:14px}.practice-count{grid-column:2;justify-content:space-between}.section-label{flex-direction:column;align-items:flex-start;gap:8px}.theory-table-wrap td,.theory-table-wrap th{min-width:96px;padding-inline:14px}.continue-footer,.lesson-cta{flex-direction:column;align-items:stretch}.continue-course{flex-wrap:wrap}.continue-context{margin-block:24px 21px}.continue-progress-meta{flex-direction:column;align-items:flex-start;gap:4px}.theory-navigation-actions{grid-template-columns:1fr;width:100%;display:grid}.hero-actions .button,.theory-navigation-actions .button{width:100%}}@media (max-width:600px){.practice-section-heading{flex-direction:column;align-items:flex-start;gap:10px}.course-challenge-callout{align-items:flex-start}}@media (max-width:800px){.ecosystem-inner{grid-template-columns:1fr;gap:44px}.technology-cloud{width:min(100%,350px)}.technology-item,.technology-item:last-child,.technology-item:nth-child(2){border:1px solid var(--border)}.terminal-demo{max-width:590px}.continue-context{padding-right:110px}.continue-technical-mark{right:22px}}@media (max-width:600px){.terminal-demo{min-height:405px}.terminal-demo-body{font-size:12px}.continue-context{padding-right:0}.continue-technical-mark{display:none}.technology-cloud{width:min(100%,320px)}.technology-visual-cloud{width:45px;height:45px}.cloud-node-8 .technology-visual{width:52px;height:52px}}@media (max-width:480px){.technology-item,.technology-item:last-child,.technology-item:nth-child(2),.technology-item:nth-child(3){border:1px solid var(--border)}.technology-item{min-height:230px}.terminal-prompt{grid-template-columns:13px minmax(0,1fr)}.terminal-result{margin-left:0}.ecosystem-status{flex-direction:column}.practice-card{min-height:285px}}@media (max-width:800px){.class-section{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px}}@media (max-width:560px){.study-routes{grid-template-columns:minmax(0,1fr)}}@media (max-width:1080px) and (min-width:901px){.auth-frame{grid-template-columns:minmax(0,34fr) minmax(0,66fr)}.auth-visual-token.t2,.auth-visual-token.t5{display:none}}@media (max-width:900px){.auth-frame{grid-template-columns:minmax(0,1fr)}.auth-visual{display:none}.auth-form-panel{padding:30px 22px 36px}.auth-form-logo{display:block}.auth-form-inner{max-width:460px;margin-inline:auto}}@media (max-width:800px){.site-header .icon-button{width:44px;height:44px}.user-menu-trigger .ui-icon{width:19px;height:19px}.header-feedback{width:44px;height:44px;min-height:44px;padding:0}.header-feedback-label{display:none}.header-feedback-icon{width:18px;height:18px;display:block}.header-auth-link{min-height:44px}.header-auth-placeholder{width:44px;height:44px}.nav{height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}body{padding-bottom:calc(58px + env(safe-area-inset-bottom))}}@media (max-width:420px){.feedback-type-options{grid-template-columns:minmax(0,1fr)}.feedback-type-label{justify-content:flex-start}}.eyebrow .ui-icon{vertical-align:-2px;margin-right:4px}.status-dot .ui-icon{width:13px;height:13px}.profile-grid{gap:18px;max-width:780px;display:grid}.profile-card{gap:26px;display:grid}.profile-identity{align-items:center;gap:16px;min-width:0;display:flex}.profile-avatar{border:1px solid var(--border);background:var(--accent-subtle);width:56px;height:56px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.profile-avatar .ui-icon{width:26px;height:26px}.profile-identity-main{min-width:0}.profile-name{letter-spacing:-.03em;overflow-wrap:anywhere;margin:6px 0 4px;font-size:clamp(22px,3vw,27px);font-weight:690}.profile-email{color:var(--text-muted);overflow-wrap:anywhere;margin:0;font-size:13px}.profile-level{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle);gap:9px;padding:18px;display:grid}.profile-level-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-level-title{color:var(--text);font-size:15px;font-weight:650}.profile-level-xp{color:var(--text-muted);font:600 12px var(--font-code);margin-left:auto}.profile-level-next{color:var(--text-muted);margin:0;font-size:13px}.profile-name-form{gap:8px;display:grid}.profile-field-label{color:var(--text);font-size:13px;font-weight:650}.profile-field-label span{color:var(--text-muted);font-weight:450}.profile-name-row{gap:9px;display:flex}.profile-input{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-raised);min-width:0;min-height:44px;color:var(--text);font:inherit;flex:1;padding:0 14px;font-size:14px}.profile-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--border-strong)}.profile-hint{color:var(--text-muted);margin:0;font-size:12.5px;line-height:1.5}.profile-feedback{border-radius:var(--radius-sm);margin:0;padding:10px 12px;font-size:13px;line-height:1.5}.profile-feedback-error{background:var(--error-muted);color:var(--error)}.profile-feedback-success{background:var(--success-muted);color:var(--success)}.profile-section{gap:16px;margin-top:34px;display:grid}.profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.profile-stat{gap:6px;display:grid}.profile-stat strong{font-variant-numeric:tabular-nums;font-size:27px;font-weight:680}.profile-stat span{color:var(--text-muted);font-size:13px}.profile-empty{color:var(--text-muted);font-size:14px;line-height:1.6}.profile-guest{justify-items:start;gap:16px;max-width:480px;display:grid}.profile-guest p{color:var(--text-muted);margin:0;line-height:1.6}@media (max-width:600px){.profile-stats{grid-template-columns:minmax(0,1fr)}.profile-name-row{flex-direction:column}.profile-name-row .button{width:100%}}.certificate-page{justify-items:center;gap:26px;display:grid}.verification{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-raised);width:100%;max-width:1040px;box-shadow:var(--shadow-elevated);padding:clamp(22px,3.4vw,34px)}.verification-status{align-items:center;gap:16px;display:flex}.verification-badge{background:var(--success-muted);width:42px;height:42px;color:var(--success);border-radius:999px;flex:none;place-items:center;display:grid}.verification-badge .ui-icon{stroke-width:2.4px;width:22px;height:22px}.verification-status h1{letter-spacing:-.02em;margin:0;font-size:clamp(21px,3.4vw,26px)}.verification-status p{color:var(--text-muted);margin:5px 0 0;font-size:13.5px}.verification-data{border-top:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px 26px;margin:24px 0 0;padding-top:22px;display:grid}.verification-data dt{color:var(--text-muted);letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:650}.verification-data dd{overflow-wrap:anywhere;margin:5px 0 0;font-size:15px;font-weight:560}.verification-data .verification-id{font-family:var(--font-code);font-size:12.5px;font-weight:400}.verification>.button{margin-top:22px}@media (max-width:720px){.verification-data{grid-template-columns:1fr;gap:14px}}.certificate-preview{width:100%;max-width:1040px}.certificate-preview .section-label{margin-bottom:14px}.certificate-preview .section-label>span{color:var(--text-muted)}.certificate{border:1px solid var(--border);border-radius:var(--radius-lg);color:#fbf9f5;width:100%;box-shadow:var(--shadow-elevated);background:#0e1722;position:relative;overflow:hidden;container-type:inline-size}.certificate-frame{background:radial-gradient(115% 85% at 10% 120%,#f973164d,#0000 52%),radial-gradient(115% 85% at 92% -14%,#f973163d,#0000 52%),#0e1722;position:absolute;inset:0;overflow:hidden}.certificate-frame-dots{background-image:radial-gradient(circle,#f973168c 0 .13cqw,#0000 .14cqw);background-size:1.2cqw 1.2cqw;position:absolute}.certificate-frame-glow{aspect-ratio:1;background:radial-gradient(circle,#f9731629,#0000 70%);border-radius:50%;width:26%;position:absolute}.certificate-frame-glow-a{bottom:-32%;left:-8%}.certificate-frame-glow-b{top:-32%;right:-8%}.certificate-logo{height:auto;position:absolute;left:50%;transform:translate(-50%)}.certificate-tagline{letter-spacing:.22em;text-transform:uppercase;color:#eef2f6;flex-direction:column;align-items:flex-end;gap:.5cqw;margin:0;padding:0;line-height:1;list-style:none;display:flex;position:absolute}.certificate-tagline-rule{background:#f97316;height:.4cqw;min-height:1px;position:absolute}.certificate-paper{background-color:#fbf9f5;background-image:radial-gradient(circle,#1b20270d 0 .1cqw,#0000 .11cqw);background-size:4cqw 4cqw;position:absolute}.certificate-paper-bar{background:#f97316;position:absolute}.certificate-code-mark{font-family:var(--font-code);color:#171c240d;letter-spacing:-.04em;font-weight:700;position:absolute;transform:translateY(-50%)}.certificate-body{flex-direction:column;display:flex;position:absolute}.certificate-content{color:#171c24;flex-direction:column;flex:auto;align-items:center;min-height:0;display:flex}.certificate-flow{text-align:center;flex:none;width:100%;margin:0;line-height:1}.certificate-gap{flex:1 1 0;width:100%;min-height:0}.certificate-eyebrow-block{flex-direction:column;align-items:center;display:flex}.certificate-eyebrow{color:#f97316;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;margin:0;font-weight:700}.certificate-eyebrow-rule{background:#f97316;min-height:1px}.certificate-lead{color:#6c7079;font-weight:500;font-family:var(--font-sans);white-space:nowrap}.certificate-name,.certificate-name-block{flex-direction:column;align-items:center;display:flex}.certificate-name{max-width:100%;font-family:var(--font-code);letter-spacing:0;color:#171c24;text-align:center;margin:0;font-weight:600}.certificate-name>span{white-space:nowrap;max-width:100%;display:block}.certificate-name-rule{background:#f97316;min-height:1px}.certificate-course{font-family:var(--font-sans);letter-spacing:-.02em;color:#171c24;overflow-wrap:anywhere;font-weight:800}.certificate-course-accent{color:#f97316}.certificate-summary{color:#6c7079;font-family:var(--font-sans);max-width:88%;margin:0 auto;line-height:1.4}.certificate-signature-script{color:#171c24;font-family:Times New Roman,Georgia,serif;font-style:italic;line-height:1}.certificate-signature-flourish{height:auto;display:block;overflow:visible}.certificate-signature-flourish path{fill:none;stroke:#f97316;stroke-width:1.6px;stroke-linecap:round}.certificate-signature-role{color:#171c24;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;font-weight:700}.certificate-signature-line{color:#6c7079;white-space:nowrap}.certificate-signature-domain{color:#f97316;white-space:nowrap;font-weight:700}.certificate-seal{height:auto;display:block}.certificate-seal-leaves ellipse{fill:#f7b27c;opacity:.55}.certificate-seal-hex{fill:#0e1722;stroke:#f97316;stroke-width:2px}.certificate-seal-hex-inner{fill:none;stroke:#f97316;stroke-width:.8px;opacity:.6}.certificate-footer{flex:none;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;display:grid}.certificate-footer-sig{flex-direction:column;align-items:flex-start;gap:.9cqw;display:flex}.certificate-footer-seal{justify-content:center;align-items:center;display:flex}.certificate-cred-data{flex-direction:column;gap:1.7cqw;min-width:0;display:flex}.certificate-cred-date{flex-direction:column;gap:.7cqw;display:flex}.certificate-cred-rule{background:#e3ded5;width:100%;height:.1cqw;min-height:1px;display:block}.certificate-meta-label{color:#6c7079;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;font-weight:700}.certificate-date{color:#171c24;white-space:nowrap;font-weight:560}.certificate-id-tag{background:#f1ece3;border-radius:1cqw;justify-content:space-between;align-items:center;gap:1.4cqw;min-width:0;padding:1.5cqw 1.6cqw;display:flex}.certificate-id-text{flex-direction:column;gap:.5cqw;min-width:0;display:flex;overflow:hidden}.certificate-id-text .certificate-meta-label{text-overflow:ellipsis;letter-spacing:.1em;overflow:hidden}.certificate-id-value{color:#171c24;font-family:var(--font-code);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.certificate-copy{align-items:center;display:inline-flex;position:relative}.certificate-copy-button{color:#171c24;background:#fff;border:1px solid #e3ded5;border-radius:.7cqw;place-items:center;width:2.8cqw;min-width:22px;height:2.8cqw;min-height:22px;padding:0;display:grid}.certificate-copy-button:hover{color:#f97316;border-color:#f97316}.certificate-copy-button:focus-visible{outline-offset:1px;outline:2px solid #f97316}.certificate-copy-button .ui-icon{width:58%;height:58%}.certificate-copy-feedback{color:#fff;font-family:var(--font-sans);white-space:nowrap;background:#171c24;border-radius:.5cqw;padding:.5cqw .9cqw;font-size:1cqw;position:absolute;bottom:calc(100% + .8cqw);right:0}.certificate-copy-feedback:empty{display:none}.certificate-qr-block{flex-direction:column;align-items:center;gap:1.6cqw;display:flex}.certificate-qr{aspect-ratio:1;background:#fff;border:1px solid #e3ded5;display:block}.certificate-qr img{width:100%;height:100%;display:block}.certificate-verify-label{color:#171c24;font-family:var(--font-code);letter-spacing:.06em;text-transform:uppercase;white-space:normal;text-align:center;font-weight:700}.certificate-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.certificate-feedback{color:var(--text-muted);text-align:center;flex-basis:100%;margin:4px 0 0;font-size:13px}.certificate-linkedin{align-items:center;gap:8px;display:inline-flex}.certificate-linkedin .ui-icon{width:15px;height:15px}.certificate-note{max-width:620px;color:var(--text-muted);text-align:center;margin:0;font-size:12.5px;line-height:1.6}.certificate-list{gap:12px;display:grid}.certificate-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.certificate-card-main{min-width:0}.certificate-card-main h3{margin:0 0 4px;font-size:17px;font-weight:660}.certificate-card-main p{margin:0;font-size:13px}.certificate-card-actions{flex-wrap:wrap;gap:8px;display:flex}.certificate-card-actions .button{min-height:40px;padding-inline:14px;font-size:13px}.completion-dialog{overscroll-behavior:contain;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);width:min(460px,100% - 32px);max-height:min(88vh,88dvh,720px);color:var(--text);box-shadow:var(--shadow-elevated);margin:auto;padding:0;overflow-y:auto}.completion-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#10111494}.completion-dialog-inner{text-align:center;justify-items:center;gap:8px;padding:clamp(26px,5vw,34px);display:grid;position:relative}.completion-mark{background:var(--success-muted);width:46px;height:46px;color:var(--success);border-radius:50%;place-items:center;display:grid}.completion-mark .ui-icon{width:22px;height:22px}.completion-dialog h2{letter-spacing:-.02em;margin:6px 0 0;font-size:23px;font-weight:690}.completion-lead{color:var(--text-muted);margin:0}.completion-xp{color:var(--accent);margin:0;font-weight:680}.completion-note{color:var(--text-muted);margin:6px 0 0;font-size:13px;line-height:1.55}.completion-actions{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:18px;display:flex}.completion-actions .button{min-height:44px;padding-inline:16px}.completion-close{border:1px solid var(--border);background:var(--surface-raised);width:36px;height:36px;color:var(--text-muted);border-radius:8px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.completion-close:hover{border-color:var(--border-strong);color:var(--text)}.completion-close .ui-icon{width:17px;height:17px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ease{syntax:"*";inherits:false}::view-transition-new(root),::view-transition-old(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}