body{background:#06142e;color:#f4f7ff}.tech-collection-page{max-width:1180px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.tech-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:2rem;align-items:center;padding:2rem;border:1px solid rgba(126,158,214,.22);border-radius:28px;background:radial-gradient(circle at 80% 30%,rgba(48,101,202,.32),transparent 36%),linear-gradient(145deg,#0b2248,#08172f);overflow:hidden}.tech-hero:after{content:'';position:absolute;inset:auto -80px -120px auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(67,126,255,.28),transparent 68%)}.tech-hero-copy,.tech-hero-art{position:relative;z-index:1}.back-link{display:inline-block;margin-bottom:1.25rem;color:#8eb3ff;text-decoration:none;font-weight:800}.tech-kicker{margin:0 0 .45rem;color:#72a0ff;font-size:.78rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.tech-hero h1{margin:.2rem 0 .75rem;font-size:clamp(2.3rem,5vw,4.6rem);line-height:1;color:#fff}.tech-hero p{max-width:48rem;margin:0;color:#c7d1e4;font-size:1.08rem;line-height:1.7}.tech-hero-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.35rem}.tech-hero-meta span{padding:.48rem .72rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.06);color:#dce5f7;font-size:.82rem;font-weight:800}.tech-hero-art{display:grid;place-items:center;min-height:260px}.tech-hero-art span{display:grid;place-items:center;width:120px;height:120px;border-radius:30px;background:linear-gradient(145deg,#17366d,#0b1e41);box-shadow:0 25px 60px rgba(0,0,0,.32);font-size:3.8rem}.tech-orbit{position:absolute;width:230px;height:230px;border:1px solid rgba(116,160,255,.3);border-radius:50%}.tech-orbit:before,.tech-orbit:after{content:'';position:absolute;border:1px solid rgba(116,160,255,.18);border-radius:50%}.tech-orbit:before{inset:28px}.tech-orbit:after{inset:58px}.tech-progress-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:2rem;align-items:center;margin:1.25rem 0;padding:1.5rem;border:1px solid rgba(126,158,214,.2);border-radius:22px;background:#0a1c3a}.tech-progress-panel h2{margin:.1rem 0 .4rem;color:#fff}.tech-progress-panel p{margin:0;color:#aebbd1;line-height:1.6}.tech-progress-action{display:grid;grid-template-columns:auto 1fr;gap:.7rem 1rem;align-items:center}.tech-progress-action strong{color:#fff;font-size:1.35rem}.tech-progress-action progress{width:100%;height:9px;border:0;border-radius:999px;overflow:hidden;background:#1c335a}.tech-progress-action progress::-webkit-progress-bar{background:#1c335a}.tech-progress-action progress::-webkit-progress-value{background:linear-gradient(90deg,#4d82ff,#79a1ff)}.tech-progress-action progress::-moz-progress-bar{background:linear-gradient(90deg,#4d82ff,#79a1ff)}.tech-progress-action .button{grid-column:1/-1;justify-self:start}.tech-lessons-section{padding-top:1.5rem}.tech-section-heading{display:grid;grid-template-columns:1fr minmax(280px,.7fr);gap:2rem;align-items:end}.tech-section-heading h2{margin:.15rem 0;color:#fff}.tech-section-heading>p{margin:0;color:#9cabc4;line-height:1.6}.tech-lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.25rem}.tech-lesson-card{display:flex;flex-direction:column;min-height:330px;padding:1.2rem;border:1px solid rgba(126,158,214,.22);border-radius:20px;background:linear-gradient(155deg,#0d2448,#091934);box-shadow:0 16px 36px rgba(0,0,0,.16)}.tech-lesson-card.is-complete{border-color:rgba(77,196,129,.4)}.tech-card-top{display:flex;justify-content:space-between;gap:1rem;align-items:center}.tech-lesson-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#173568;font-size:1.5rem}.tech-lesson-number{color:#8fa2c2;font-size:.78rem;font-weight:800;text-transform:uppercase}.tech-topic{margin:1rem 0 .35rem!important;color:#6fa0ff!important;font-size:.75rem!important;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.tech-lesson-card h3{margin:0;color:#fff;font-size:1.35rem;line-height:1.2}.tech-lesson-card>p{color:#b8c4d8;line-height:1.6}.tech-card-meta{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-top:auto;padding-top:1rem;color:#8fa2c2;font-size:.82rem}.tech-complete{color:#77d69d!important;font-weight:800}.tech-lesson-card>a{margin-top:1rem;color:#6fa0ff;font-weight:900;text-decoration:none}.tech-lesson-card>a:hover{text-decoration:underline}.tech-next-step{display:flex;justify-content:space-between;gap:2rem;align-items:center;margin-top:2rem;padding:1.5rem;border:1px solid rgba(126,158,214,.2);border-radius:22px;background:#0a1c3a}.tech-next-step h2{margin:.15rem 0;color:#fff}.tech-next-step p:last-child{margin:.4rem 0 0;color:#9cabc4}@media(max-width:900px){.tech-hero,.tech-progress-panel,.tech-section-heading{grid-template-columns:1fr}.tech-hero-art{min-height:180px}.tech-lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.tech-collection-page{padding:1rem .9rem 3rem}.tech-hero{padding:1.25rem;border-radius:22px}.tech-hero-art{display:none}.tech-hero h1{font-size:2.55rem}.tech-progress-panel{gap:1.25rem}.tech-lesson-grid{grid-template-columns:1fr}.tech-lesson-card{min-height:0}.tech-next-step{align-items:flex-start;flex-direction:column}.tech-section-heading{gap:.7rem}.tech-progress-action{grid-template-columns:auto 1fr}.site-header .brand small{display:none}}