.learning-home{--color-ash:#b7c3d3;--color-sand:#9dded0;--accent:#9dded0}.infra-background{pointer-events:none;z-index:0;background:radial-gradient(at 5% 30%,#123c4938,#0000 38%),radial-gradient(at 95% 70%,#452f7738,#0000 40%);position:fixed;inset:0;overflow:hidden}.learning-home main{z-index:1;position:relative}.infra-grid{opacity:.35;background-image:linear-gradient(#9cafff12 1px,#0000 1px),linear-gradient(90deg,#9cafff12 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#0000 15%,#000 100%);mask-image:radial-gradient(#0000 15%,#000 100%)}.infra-terminal{color:#9bb8dc;font:11px/1.9 var(--font-mono);letter-spacing:.02em;opacity:.3;white-space:nowrap;background:#0b1425b3;border:1px solid #83baff38;border-radius:10px;padding:16px 20px;animation:14s ease-in-out infinite alternate infra-float;position:absolute;box-shadow:0 0 45px #5951bd19}.infra-terminal span,.infra-terminal em{color:#7fe4ce;font-style:normal}.infra-terminal strong{color:#ff9d9d;font-weight:400;animation:8s ease-in-out infinite infra-alert}.infra-terminal b{color:#b5a4ff;letter-spacing:.3em;animation:3s ease-in-out infinite infra-alert}.infra-terminal-build{animation-delay:-5s;top:42%;right:2%}.infra-terminal-events{animation-delay:-9s;bottom:8%;left:4%}.infra-cursor{animation:1.2s steps(2,end) infinite infra-alert}.infra-orbit{border:1px solid #8b9fff21;border-radius:50%;width:320px;height:320px;animation:35s linear infinite infra-spin;position:absolute}.infra-orbit:after{content:"";background:#79e9d8;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:-3px;box-shadow:0 0 16px #79e9d8}.infra-orbit-one{top:8%;right:-150px}.infra-orbit-two{width:400px;height:400px;animation-direction:reverse;bottom:4%;left:-180px}@keyframes infra-float{to{transform:translateY(-24px)}}@keyframes infra-alert{50%{opacity:.25}}@keyframes infra-spin{to{transform:rotate(360deg)}}@media (width<=700px){.infra-terminal{opacity:.19;font-size:9px}.infra-terminal-code{left:-60px}.infra-terminal-build{right:-60px}.infra-terminal-events{left:-50px}}@media (prefers-reduced-motion:reduce){.infra-background *{animation:none!important}}.infra-terminal{opacity:.72;color:#b5c9e8;background:#080f20e8;border-color:#7389d66b;font-size:12px;box-shadow:0 12px 50px #0008,0 0 35px #7462ef1c}.infra-title{color:#91a9ce;letter-spacing:.14em;border-bottom:1px solid #8393c43b;margin-bottom:10px;padding-bottom:8px;font-size:10px}.infra-title span{color:#fd788e}.infra-terminal-code{top:13%;left:max(1%,50vw - 950px)}.infra-terminal-build{top:37%;right:max(1%,50vw - 810px)}.infra-terminal-events{top:46%;bottom:auto;left:1%}.infra-code{color:#e0e8f9;line-height:1.85}.infra-terminal .code-purple{color:#d4a5ff}.infra-code em,.infra-terminal em{color:#78ead4}.infra-code b{color:#ffc180;letter-spacing:normal;animation:none}.infra-typing{color:#88bfff;white-space:nowrap;width:0;max-width:100%;animation:9s steps(36,end) infinite infra-type;overflow:hidden}.infra-log-window{height:6em;overflow:hidden}.infra-log-stream{line-height:1.5em;animation:12s steps(6,end) infinite infra-logs}.infra-progress{background:#273752;border-radius:4px;width:100%;height:3px;margin-top:12px;overflow:hidden}.infra-progress i{transform-origin:0;background:linear-gradient(90deg,#70e5d4,#a485ff);width:100%;height:100%;animation:12s linear infinite infra-build;display:block}.infra-pod{align-items:center;gap:8px;display:flex}.infra-pod em{margin-left:auto;font-size:10px}.infra-pod i{background:#72e6be;border-radius:50%;width:6px;height:6px;animation:3s ease-in-out infinite infra-alert;box-shadow:0 0 9px #72e6be}.infra-event{color:#b7c8e3;animation:9s infinite infra-event}.infra-terminal .infra-event strong{color:#ff8196;font-weight:600;animation:none}.infra-recovery{color:#90a6c5;animation:9s infinite infra-recovery}@keyframes infra-type{0%,8%{width:0}45%,85%{width:35ch}to{width:0}}@keyframes infra-logs{to{transform:translateY(-9em)}}@keyframes infra-build{0%{transform:scaleX(0)}95%,to{transform:scaleX(1)}}@keyframes infra-event{0%,20%,90%,to{opacity:.32}30%,80%{opacity:1}}@keyframes infra-recovery{0%,45%{opacity:.3}60%,to{opacity:1}}.server-visual{text-align:center;color:#a5c8e6;width:170px;font:10px var(--font-mono);letter-spacing:.15em;opacity:.8;position:absolute;bottom:9%;right:3%}.server-visual-orbit{border:1px solid #81a7ff55;border-radius:50%;animation:18s linear infinite infra-spin;position:absolute;inset:-14px 2px 24px}.server-visual-orbit:after{content:"";background:#74f5d9;border-radius:50%;width:7px;height:7px;position:absolute;top:-4px;left:50%;box-shadow:0 0 14px #74f5d9}.server-visual-core{background:linear-gradient(140deg,#233a60,#10172f);border:1px solid #85a4ff55;border-radius:20px;width:112px;height:112px;margin:0 auto 18px;padding:16px;animation:7s ease-in-out infinite alternate infra-float;position:relative;box-shadow:0 0 42px #7656e445,inset 0 0 30px #57cbd117}.server-visual-core img{filter:invert(88%)sepia(15%)saturate(1084%)hue-rotate(114deg);width:100%;height:100%}.server-visual-core i{background:#80ffde;border-radius:50%;width:6px;height:6px;animation:1.5s infinite infra-alert;position:absolute;top:34px;left:31px;box-shadow:0 0 10px #80ffde}.server-visual-core i+i{animation-delay:.7s;top:72px}.server-visual-label span{color:#7ef1cf}.server-visual-bars{justify-content:center;align-items:end;gap:4px;height:24px;margin-top:8px;display:flex}.server-visual-bars i{transform-origin:bottom;background:linear-gradient(#83eedc,#886eff);border-radius:3px;width:5px;height:80%;animation:1s ease-in-out infinite alternate server-activity}.server-visual-bars i:nth-child(3n){animation-delay:-.65s}.server-visual-bars i:nth-child(3n+1){animation-delay:-.3s}@keyframes server-activity{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}@media (width<=1300px){.infra-terminal{opacity:.35}.server-visual{opacity:.45;right:1%;transform:scale(.8)}}@media (width<=700px){.server-visual{display:none}.infra-terminal{opacity:.28;font-size:10px}.infra-terminal-code{left:-45px}.infra-terminal-build{right:-60px}.infra-terminal-events{left:-40px}}@media (prefers-reduced-motion:reduce){.infra-typing{width:auto}.infra-background *{animation:none!important}}.learning-home main{width:min(1120px,100% - 48px);max-width:none;margin-inline:auto;padding:0}.learning-home .eyebrow{font:11px/1.6 var(--font-mono);text-transform:uppercase;letter-spacing:.16em;color:#9dded0;margin-bottom:20px}.welcome{isolation:isolate;grid-template-columns:1.6fr 1fr;align-items:center;gap:64px;padding:110px 0 72px;display:grid;position:relative}.welcome-glow{z-index:-1;pointer-events:none;background:radial-gradient(at 80% 30%,#7764be1f,#0000 65%);position:absolute;inset:0 -24px}.welcome h1{letter-spacing:-.055em;color:#f0f4f9;font-size:clamp(2.8rem,4.9vw,4.6rem);line-height:1.08}.welcome h1 span{color:#a4dfd1}.intro{color:#e1e9f3;margin:30px 0 10px;font-size:23px;font-weight:600}.intro span{color:#d7bfa4}.welcome-description{max-width:540px;font-size:18px;line-height:1.8}.status-dot{background:#9dded0;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 0 5px #9dded015}.welcome-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px;display:flex}.primary-link,.secondary-link{border-radius:9px;justify-content:center;align-items:center;gap:24px;min-height:48px;padding:11px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.primary-link{color:#0c2425;background:#a4dfd1}.primary-link:hover{color:#0c2425;background:#bcefe3;transform:translateY(-2px)}.secondary-link{color:#e2e9f2;border:1px solid #344052}.secondary-link:hover{color:#a4dfd1;background:#ffffff08}.welcome-footnote{color:#91a3b8;margin-top:22px;font-size:12px}.desk-note{background:linear-gradient(145deg,#24243b,#161d2c 75%);border:1px solid #41405b;border-radius:20px;padding:30px;transform:rotate(2deg);box-shadow:0 30px 60px #0003}.note-top{font:10px var(--font-mono);letter-spacing:.1em;color:#b4accf;justify-content:space-between;align-items:center;display:flex}.desk-note.portrait-note{padding:0;overflow:hidden;transform:none}.portrait-note .profile-photo{aspect-ratio:1;object-fit:cover;border-radius:0;width:100%;height:auto;display:block}.portrait-caption{padding:24px}.portrait-caption>p:not(.note-quote){font-size:14px;line-height:1.7}.portrait-caption .note-quote{margin-block:16px;font-size:28px}.portrait-caption .note-bottom{margin-top:18px;padding-top:16px}.note-top span:last-child{color:#e7c698;font-size:36px}.note-quote{letter-spacing:-.035em;color:#f0e5d6;margin:30px 0 22px;font-size:clamp(28px,3vw,39px);line-height:1.2}.desk-note>p:not(.note-quote){font-size:15px;line-height:1.8}.note-bottom{color:#e4eaf4;border-top:1px solid #ffffff16;align-items:center;gap:14px;margin-top:30px;padding-top:22px;font-size:13px;display:flex}.note-bottom small{color:#95a8bd}.initials{color:#a4dfd1;width:42px;height:42px;font:14px var(--font-mono);background:#98d9cb15;border-radius:50%;place-items:center;display:grid}.home-nav{border-block:1px solid #2b3653;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:22px 0;display:flex}.home-nav a{color:#b7c3d3;padding:6px 0;font-size:13px;text-decoration:none}.home-nav a:hover{color:#a4dfd1}.home-section{padding-block:80px;scroll-margin-top:100px}.section-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.learning-home h2{letter-spacing:-.035em;font-size:clamp(28px,3.5vw,42px);line-height:1.16}.section-heading .eyebrow{margin-bottom:12px}.section-heading>a,.small-note{color:#a5b4c7;font-size:13px}.section-intro{max-width:650px;margin-top:22px;font-size:16px}.learning-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px;display:grid}.learning-card{--note-color:#a4dfd1;border:1px solid #2a3b49;border-top:2px solid var(--note-color);background:#111c2a;border-radius:15px;padding:26px}.learning-card.lilac{--note-color:#c6b5ed;background:#191c30}.learning-card.peach{--note-color:#e9c2a3;background:#211e29}.card-top{font:10px var(--font-mono);letter-spacing:.05em;color:var(--note-color);justify-content:space-between;display:flex}.learning-card .topic{color:var(--note-color);margin:30px 0 12px;font-size:12px}.learning-card h3{letter-spacing:-.025em;font-size:23px}.learning-card p,.learning-card dd{font-size:14px;line-height:1.75}.learning-card>p:not(.topic){margin-top:16px}.learning-card dl{border-top:1px solid #ffffff13;margin:24px 0 0;padding-top:6px}.learning-card dt{color:var(--note-color);margin-top:18px;font-size:12px;font-weight:600}.learning-card dd{margin:6px 0 0}.practice-note{background:#191c303d;border-left:2px solid #c6b5ed;gap:22px;margin-bottom:48px;padding:24px 28px;display:flex}.practice-note>span{color:#c6b5ed;font-size:32px}.practice-note h3{font-size:18px}.practice-note p{margin:10px 0 0;font-size:14px}.writing-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px;display:grid}.writing-card{background:#101827;border:1px solid #30394a;border-radius:14px;flex-direction:column;padding:26px;display:flex}.writing-card .eyebrow{color:#e9c2a3;font-size:10px}.writing-card h3{font-size:23px;line-height:1.3}.writing-card h3 a{color:#e8edf6;text-decoration:none}.writing-card h3 a:hover{color:#a4dfd1}.writing-card>p:not(.eyebrow){margin-top:18px;font-size:14px}.read-link{margin-top:auto;padding-top:24px;font-size:13px}.upcoming{background:0 0;border-style:dashed}.draft-label{font:11px var(--font-mono);color:#a5b4c7}.contact-note{background:linear-gradient(120deg,#16302e88,#101827);border:1px solid #334b4d;border-radius:22px;margin:40px 0 80px;padding:52px;scroll-margin-top:100px}.contact-note>p:not(.eyebrow):not(.small-note){max-width:640px;margin-top:22px;font-size:17px}.contact-note .small-note{margin:28px 0 0}.learning-home #journey{border-top:1px solid #2b3653}.learning-home #journey article{width:min(400px,80vw)}@media (width<=800px){.welcome{grid-template-columns:1fr;gap:34px;padding-top:64px}.desk-note{max-width:460px;transform:none}.learning-grid,.writing-grid{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:start;gap:12px}.learning-home main{width:calc(100% - 40px)}.home-nav{grid-template-columns:1fr 1fr;display:grid}.contact-note{padding:28px}.home-section{padding-block:56px}.welcome h1{font-size:clamp(2.6rem,8vw,4rem)}}@media (prefers-reduced-motion:reduce){.learning-home *{transition:none!important}}
