:root{color-scheme:dark;--bg:#081214;--bg-soft:#0d1b1d;--panel:#0c1819d1;--panel-strong:#081213f0;--text:#f4f0e8;--muted:#b2b9b0;--line:#c7bea41f;--accent:#f4a261;--accent-2:#4ecdc4;--accent-3:#9ad1c7;--shadow:0 22px 70px #00000057}html{color:var(--text);scroll-behavior:smooth;background:radial-gradient(circle at 0 0,#f4a2612e,#0000 32%),radial-gradient(circle at 85% 0,#4ecdc42b,#0000 28%),linear-gradient(#0b1718 0%,#081214 52%,#050a0b 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:0 0;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.page-shell{min-height:100vh}.topbar{z-index:50;backdrop-filter:blur(18px);background:#081214e6;border-bottom:1px solid #ffffff14;position:sticky;top:0}.topbar__inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:.9rem clamp(1rem,3vw,2rem);display:flex}.brand{align-items:center;gap:.85rem;min-width:0;display:flex}.brand__mark{width:2.6rem;height:2.6rem;color:var(--text);letter-spacing:.08em;background:linear-gradient(135deg,#f4a2612e,#4ecdc429);border:1px solid #f4a26173;border-radius:.8rem;place-items:center;font-size:.74rem;font-weight:800;display:grid}.brand__text strong,.brand__text span{display:block}.brand__text strong{font-size:.95rem;line-height:1.2}.brand__text span{color:var(--muted);margin-top:.15rem;font-size:.78rem}.topbar__links{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.topbar__links a{color:var(--muted);background:#ffffff08;border:1px solid #0000;border-radius:999px;padding:.52rem .82rem}.topbar__links a:hover,.topbar__links a:focus-visible{color:var(--text);background:#f4a2611a;border-color:#f4a26166}.hero{margin-top:0;padding:.65rem clamp(1rem,3vw,2rem) 2.5rem;position:relative}.hero__wrap{grid-template-columns:minmax(0,1.3fr) minmax(18rem,.85fr);align-items:stretch;gap:1.25rem;max-width:1200px;margin:0 auto;padding:0;display:grid}.hero--catalog .hero__wrap{grid-template-columns:1fr}.hero--catalog .hero__copy{flex-direction:column;justify-content:flex-end;display:flex}.panel{background:var(--panel);box-shadow:var(--shadow);backdrop-filter:blur(18px);border:1px solid #ffffff14;border-radius:1.4rem}.hero__copy{padding:clamp(1.4rem,3vw,2.2rem)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent-3);align-items:center;gap:.45rem;font-size:.74rem;display:inline-flex}.hero h1,.section-title h2{letter-spacing:-.05em;margin:.35rem 0 .75rem;line-height:.96}.hero h1{max-width:18ch;font-size:clamp(2.7rem,7vw,5.6rem)}.hero p,.section-title p,.card p,.module__list li,.info-list li{color:var(--muted);line-height:1.65}.hero__meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1.5rem;display:grid}.meta-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:1rem;padding:1rem}.meta-card span{color:var(--accent-3);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;display:block}.meta-card strong{margin-top:.4rem;font-size:1rem;display:block}.hero__side{padding:clamp(1.2rem,2.6vw,1.8rem)}.hero__side h3{margin:0 0 .85rem;font-size:1.2rem}.hero__side h2{letter-spacing:-.04em;margin:.45rem 0 .7rem;font-size:clamp(1.5rem,3vw,2.4rem);line-height:1}.hero__side p{margin-bottom:0}.hero__number{color:var(--accent);letter-spacing:-.08em;font-size:4.5rem;font-weight:800;line-height:.8}.button,.back-link{align-items:center;gap:.7rem;display:inline-flex}.button{background:var(--accent);color:#211711;border-radius:999px;margin-top:.8rem;padding:.85rem 1.05rem;font-weight:800;transition:transform .18s,box-shadow .18s}.button:hover,.button:focus-visible{transform:translateY(-2px);box-shadow:0 12px 28px #f4a26133}.hero__side ul{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.hero__side li{background:#ffffff08;border:1px solid #ffffff0f;border-radius:1rem;padding:.9rem 1rem}.section{padding:1.5rem clamp(1rem,3vw,2rem) 2rem}.section__inner{max-width:1200px;margin:0 auto}.section-title{max-width:60rem;margin-bottom:1.35rem}.section-title h2{font-size:clamp(2rem,5vw,3.8rem)}.grid{gap:1rem;display:grid}.modules{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--panel-strong);box-shadow:var(--shadow);border:1px solid #ffffff14;border-radius:1.25rem;padding:1.35rem}.module-card{min-height:100%;transition:border-color .18s,transform .18s,background .18s;display:block}.module-card:hover,.module-card:focus-visible{background:#101f20;border-color:#f4a2618c;transform:translateY(-4px)}.module-card__arrow{color:var(--accent);font-size:1.4rem}.module-card__topics{flex-wrap:wrap;gap:.45rem;margin:1rem 0 1.25rem;display:flex}.module-card__topics span{color:var(--muted);border:1px solid #ffffff14;border-radius:.55rem;padding:.45rem .6rem;font-size:.8rem}.module-card__link{color:var(--accent-3);font-size:.86rem;font-weight:700}.module-hero{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f4a26121,#0000 55%);padding:1.35rem clamp(1rem,3vw,2rem) 2.5rem}.module-hero__inner{max-width:920px}.back-link{color:var(--accent-3);margin-bottom:3.5rem;font-size:.9rem}.module-hero h1{letter-spacing:-.065em;max-width:20ch;margin:.45rem 0 .8rem;font-size:clamp(2.8rem,7vw,6.4rem);line-height:.92}.module-hero p{max-width:46rem;color:var(--muted);font-size:1.08rem;line-height:1.65}.module-layout{grid-template-columns:15rem minmax(0,1fr);align-items:start;gap:2.4rem;display:grid}.topic-nav{padding:1.1rem;position:sticky;top:6rem}.topic-nav h2{margin:.4rem 0 1rem;font-size:1.4rem}.topic-nav nav{gap:.35rem;display:grid}.topic-nav nav a{color:var(--muted);border-radius:.65rem;grid-template-columns:2rem 1fr;gap:.45rem;padding:.65rem .5rem;font-size:.85rem;line-height:1.25;display:grid}.topic-nav nav a:hover,.topic-nav nav a:focus-visible{color:var(--text);background:#f4a2611a}.topic-nav nav span,.lesson__number{color:var(--accent);font-weight:800}.lesson-list{gap:1.2rem;display:grid}.lesson{padding:clamp(1.35rem,3vw,2.4rem);scroll-margin-top:6rem}.lesson h2,.lesson-preview h2{letter-spacing:-.04em;margin:.4rem 0 .8rem;font-size:clamp(1.8rem,4vw,3rem);line-height:1}.lesson h3{margin:0 0 .4rem;font-size:1.05rem}.lesson p,.lesson-preview p,.module-extra p{color:var(--muted);line-height:1.7}.lesson__columns,.component-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.4rem;display:grid}.lesson__columns>div,.component-item{background:#ffffff06;border:1px solid #ffffff12;border-radius:.9rem;padding:1rem}.lesson__columns p{margin-bottom:0;font-size:.94rem}.lesson-note{border-left:3px solid var(--accent);color:var(--muted);background:#f4a26112;margin-top:1.2rem;padding:.9rem 1rem;line-height:1.55}.lesson-note strong,.component-item strong{color:var(--text)}.component-item{gap:.45rem;display:grid}.component-item span,.algorithm-flow small{color:var(--muted);font-size:.88rem;line-height:1.5}.algorithm-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin:1.5rem 0 1.8rem;display:grid}.algorithm-flow div{border-top:2px solid var(--accent-2);background:#4ecdc40f;gap:.35rem;padding:.9rem;display:grid}.algorithm-flow span{color:var(--accent-2);font-size:.75rem;font-weight:800}.algorithm-flow strong{font-size:1.05rem}.lesson-preview{opacity:.8;scroll-margin-top:6rem}.lesson-preview h2{font-size:1.6rem}.module-extra{gap:1rem}.lesson-cta{color:var(--accent);align-items:center;gap:.55rem;margin-top:1.2rem;font-weight:800;display:inline-flex}.lesson-cta:hover,.lesson-cta:focus-visible{color:var(--text)}.lesson-hero{border-bottom:1px solid var(--line);padding:1.35rem clamp(1rem,3vw,2rem) 2.7rem}.lesson-hero__inner{max-width:920px}.lesson-hero .eyebrow{width:fit-content;display:flex}.lesson-hero h1{letter-spacing:-.065em;max-width:14ch;margin:.45rem 0 .8rem;font-size:clamp(2.8rem,7vw,6rem);line-height:.92}.lesson-hero p{max-width:47rem;color:var(--muted);font-size:1.08rem;line-height:1.65}.lesson-body{padding-top:2.5rem}.reading-grid{grid-template-columns:minmax(0,1.35fr) minmax(16rem,.65fr);align-items:start;gap:1.2rem;display:grid}.reading-card{padding:clamp(1.35rem,3vw,2.4rem)}.reading-card h2{letter-spacing:-.05em;margin:.5rem 0 .8rem;font-size:clamp(2rem,5vw,3.6rem);line-height:.98}.reading-card p{color:var(--muted);line-height:1.7}.component-grid--large{margin-top:1.8rem}.component-legend{flex-wrap:wrap;gap:.8rem;margin-top:1.5rem;display:flex}.component-legend span{color:var(--muted);align-items:center;gap:.45rem;font-size:.75rem;font-weight:700;display:inline-flex}.component-legend span:before{content:"";border-radius:50%;width:.6rem;height:.6rem}.component-legend__core:before{background:var(--accent-2);box-shadow:0 0 10px #4ecdc480}.component-legend__interface:before{background:var(--accent);box-shadow:0 0 10px #f4a26180}.component-item--core{border-color:#4ecdc447}.component-item--interface{background:#f4a2610b;border-color:#f4a26157}.computer-visual{background:radial-gradient(circle,#4ecdc42e,#0000 63%),#0a1819;border-radius:1rem;place-items:center;min-height:17rem;padding:1rem;display:grid}.computer-visual__screen{background:#102928;border:.55rem solid #293f3e;border-radius:.8rem;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;width:12rem;height:8rem;animation:3s ease-in-out infinite screen-pulse;display:flex;box-shadow:0 0 35px #4ecdc42e}.computer-visual__screen span{color:var(--accent-3);letter-spacing:.14em;font-size:.65rem}.computer-visual__screen b{color:var(--accent);font-size:1.4rem}.computer-visual__stand{border-bottom:.35rem solid #293f3e;border-left:.5rem solid #0000;border-right:.5rem solid #0000;width:3.5rem;height:2rem}.visual-card p{text-align:center;color:var(--accent-3);font-weight:700}.component-facts{gap:.5rem;margin-top:1rem;display:grid}.component-facts span{color:var(--muted);background:#ffffff09;border-radius:.6rem;justify-content:space-between;align-items:center;gap:.7rem;padding:.65rem .75rem;font-size:.82rem;display:flex}.component-facts b{color:var(--accent)}.component-facts em{color:var(--muted);font-size:.76rem;font-style:normal}.visual-card h3{margin:.55rem 0 0;font-size:1.3rem}.visual-card__caption{margin:.8rem 0 0;font-size:.84rem}.architecture-visual{background:radial-gradient(circle,#4ecdc41f,#0000 40%),#091617;border:1px solid #4ecdc426;border-radius:1rem;min-height:19rem;margin-top:1rem;position:relative;overflow:hidden}.architecture-visual__core{z-index:2;border:1px solid var(--accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#122728;border-radius:1.3rem;align-content:center;place-items:center;width:8rem;height:8rem;animation:2.8s ease-in-out infinite core-breathe;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 28px #f4a2612e}.architecture-visual__core span{color:var(--accent);font-size:1.3rem;font-weight:800}.architecture-visual__core small{color:var(--muted);font-size:.65rem}.architecture-visual__orbit{border:1px solid #4ecdc440;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-20deg)}.architecture-visual__orbit--one{width:12rem;height:9rem;animation:11s linear infinite orbit-spin}.architecture-visual__orbit--two{width:16rem;height:13rem;animation:15s linear infinite orbit-spin-reverse;transform:translate(-50%,-50%)rotate(55deg)}.architecture-node{z-index:3;text-align:center;background:#081214eb;border:1px solid #4ecdc473;border-radius:.6rem;gap:.12rem;min-width:4.6rem;padding:.45rem;display:grid;position:absolute}.architecture-node b{color:var(--accent-2);font-size:.62rem}.architecture-node span{color:var(--text);font-size:.72rem;font-weight:800}.architecture-node small{color:var(--muted);font-size:.58rem}.architecture-node--input{top:1rem;left:1rem}.architecture-node--memory{top:1rem;right:1rem}.architecture-node--storage{bottom:1rem;left:1rem}.architecture-node--output{bottom:1rem;right:1rem}.data-packet{z-index:4;background:var(--accent);width:.45rem;height:.45rem;box-shadow:0 0 12px var(--accent);border-radius:50%;position:absolute}.data-packet--one{animation:4s linear infinite packet-one;top:2.7rem;left:4rem}.data-packet--two{animation:4.7s linear .8s infinite packet-two;top:3rem;right:4rem}.data-packet--three{animation:5s linear 1.4s infinite packet-three;bottom:2.7rem;left:4rem}.algorithm-demo{justify-items:center;gap:.45rem;margin-top:1.6rem;display:grid}.algorithm-demo i{color:var(--accent-2);font-style:normal;animation:1.8s ease-in-out infinite float-arrow}.algorithm-demo__node{text-align:center;background:#4ecdc414;border:1px solid #4ecdc466;border-radius:.7rem;width:min(100%,22rem);padding:.85rem 1rem}.algorithm-demo__node--accent{background:#f4a2611a;border-color:#f4a26180}.terms-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.6rem 0;display:grid}.term-card{background:#ffffff06;border:1px solid #ffffff14;border-radius:.85rem;gap:.55rem;padding:1rem;display:grid}.term-card strong{color:var(--accent);font-size:1.08rem}.term-card span{color:var(--muted);font-size:.9rem;line-height:1.55}.term-card b{color:var(--accent-3);letter-spacing:.04em;font-size:.78rem}.difference-table{border:1px solid #ffffff14;border-radius:.8rem;margin:1.5rem 0;overflow-x:auto}.difference-row{border-top:1px solid #ffffff12;grid-template-columns:.8fr 1.35fr 1.25fr;min-width:38rem;display:grid}.difference-row>*{color:var(--muted);padding:.8rem .9rem;font-size:.88rem;line-height:1.45}.difference-row strong{color:var(--text)}.difference-row--head{background:#4ecdc414;border-top:0}.difference-row--head>*{color:var(--accent-3);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.flowchart-demo{color:var(--accent-2);justify-items:center;gap:.55rem;margin-top:1.4rem;display:grid}.flow-shape{min-width:10rem;color:var(--text);border:1px solid var(--accent-2);background:#4ecdc41a;place-items:center;padding:.75rem 1rem;display:grid}.flow-shape--start{border-radius:999px}.flow-shape--decision{width:8rem;min-width:8rem;height:8rem;padding:.5rem;transform:rotate(45deg)}.flow-shape--decision:first-line{transform:rotate(-45deg)}.flowchart-branches{color:var(--muted);text-align:center;gap:.8rem;display:flex}.flowchart-branches div{border:1px solid #ffffff14;border-radius:.6rem;padding:.75rem}.method-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1.5rem;display:grid}.method-steps div{border-top:2px solid var(--accent);background:#f4a2610f;gap:.35rem;padding:1rem;display:grid}.method-steps span{color:var(--accent);font-size:.75rem;font-weight:800}.method-steps small{color:var(--muted);line-height:1.45}.timeline-section{padding-top:3rem}.timeline-intro{max-width:44rem}.timeline-native{max-width:980px;margin:4rem auto 0;padding:1rem 0 4rem;position:relative}.timeline-native__line{background:linear-gradient(var(--accent-2), #4ecdc41f);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-native__item{grid-template-columns:1fr 1fr;min-height:18rem;display:grid;position:relative}.timeline-native__item:nth-child(odd) .timeline-native__card{grid-column:1;margin-right:3.2rem}.timeline-native__item:nth-child(2n) .timeline-native__card{grid-column:2;margin-left:3.2rem}.timeline-native__dot{z-index:2;border:3px solid var(--bg);background:var(--accent);border-radius:50%;width:.9rem;height:.9rem;position:absolute;top:2.1rem;left:50%;transform:translate(-50%);box-shadow:0 0 0 5px #f4a26124}.timeline-native__card{box-shadow:var(--shadow);background:#0c1819d6;border:1px solid #ffffff17;border-radius:1rem;padding:1.25rem;animation:.7s both timeline-in view();animation-range:entry cover 32%}.timeline-native__header{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;font-size:.75rem;font-weight:800;display:flex}.timeline-native__card h2{margin:.65rem 0 .45rem;font-size:clamp(1.25rem,2.5vw,1.8rem);line-height:1}.timeline-native__card p{color:var(--muted);line-height:1.55}.timeline-native__image-link{border-radius:.65rem;margin-top:1rem;display:block;position:relative;overflow:hidden}.timeline-native__card img{object-fit:cover;border:1px solid #ffffff14;width:100%;max-height:12rem;transition:transform .22s,filter .22s;display:block}.timeline-native__image-link span{color:var(--text);opacity:0;background:#081214d1;border-radius:999px;padding:.35rem .55rem;font-size:.7rem;font-weight:700;transition:opacity .22s,transform .22s;position:absolute;bottom:.55rem;right:.55rem;transform:translateY(.3rem)}.timeline-native__image-link:hover img,.timeline-native__image-link:focus-visible img{filter:brightness(.78);transform:scale(1.04)}.timeline-native__image-link:hover span,.timeline-native__image-link:focus-visible span{opacity:1;transform:translateY(0)}@keyframes timeline-in{0%{opacity:.2;transform:translateY(2.5rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes screen-pulse{50%{box-shadow:0 0 50px #4ecdc452}}@keyframes float-arrow{50%{transform:translateY(.25rem)}}@keyframes core-breathe{50%{box-shadow:0 0 45px #f4a26166}}@keyframes orbit-spin{to{transform:translate(-50%,-50%)rotate(340deg)}}@keyframes orbit-spin-reverse{to{transform:translate(-50%,-50%)rotate(-305deg)}}@keyframes packet-one{0%,to{opacity:0;transform:translate(0)}20%{opacity:1}65%{opacity:1;transform:translate(5.7rem,5rem)}80%{opacity:0}}@keyframes packet-two{0%,to{opacity:0;transform:translate(0)}20%{opacity:1}65%{opacity:1;transform:translate(-5.7rem,5rem)}80%{opacity:0}}@keyframes packet-three{0%,to{opacity:0;transform:translate(0)}20%{opacity:1}65%{opacity:1;transform:translate(5.7rem,-5rem)}80%{opacity:0}}.card__top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.card__tag{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem}.card h3{margin:.45rem 0 0;font-size:1.35rem}.module__list{gap:.55rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.module__list li{background:#ffffff08;border:1px solid #ffffff0f;border-radius:.9rem;padding:.8rem .9rem}.module__list strong{color:var(--text)}.subtopics{grid-template-columns:repeat(3,minmax(0,1fr))}.subtopic__num{color:var(--accent-2);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}.subtopic__title{margin:.4rem 0 .6rem;font-size:1.15rem}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.info-list{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.info-list li{background:#ffffff08;border:1px solid #ffffff0f;border-radius:1rem;padding:.95rem 1rem}.footer-note{padding:0 1rem 2.5rem}.footer-note__inner{max-width:1200px;color:var(--muted);text-align:center;background:#f4a2610f;border:1px solid #f4a2612e;border-radius:1rem;margin:0 auto;padding:1rem 1.2rem}@media (width<=900px){.hero__wrap,.modules,.subtopics,.two-col,.module-layout,.reading-grid{grid-template-columns:1fr}.topic-nav{position:static}.topic-nav nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.topbar__inner{flex-direction:column;align-items:flex-start}.hero{padding-bottom:1.5rem}.hero__meta,.lesson__columns,.component-grid,.algorithm-flow,.topic-nav nav,.method-steps,.terms-grid{grid-template-columns:1fr}.module-hero{padding-bottom:1.8rem}.back-link{margin-bottom:2.3rem}.timeline-native__line{left:.5rem}.timeline-native__item{min-height:auto;padding:0 0 1.8rem 2rem;display:block}.timeline-native__item:nth-child(odd) .timeline-native__card,.timeline-native__item:nth-child(2n) .timeline-native__card{margin:0}.timeline-native__dot{top:1.8rem;left:.5rem}.flowchart-branches{flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}