/* Aurora canvas: quiet reading surfaces over a luminous, geometric background. */
:root{--bg:#f2f6f6;--muted:#637279;--line:#dce6e3;--green:#146c58}
body{font-size:15px;background-color:var(--bg);background-image:radial-gradient(ellipse at 80% 5%,#c9c8f16b,transparent 42%),radial-gradient(ellipse at 18% 45%,#8de1c04d,transparent 48%),radial-gradient(ellipse at 85% 90%,#f8ddb466,transparent 44%),linear-gradient(#387d6810 1px,transparent 1px),linear-gradient(90deg,#387d6810 1px,transparent 1px);background-size:auto,auto,auto,38px 38px,38px 38px;background-attachment:fixed}
.sidebar{background:#fafffef2;border-color:#d7e6df;box-shadow:8px 0 40px #2e685508}
header{background:#ffffffbc;backdrop-filter:blur(18px);border-color:#ffffffaa}
.hero{isolation:isolate;min-height:290px;border-radius:22px;background:radial-gradient(ellipse at 88% 25%,#d2cef5 0,transparent 47%),radial-gradient(ellipse at 52% 120%,#a4dfc2 0,transparent 65%),linear-gradient(115deg,#ecfaf2,#d5efe6 65%,#e9e5fa);border:1px solid #ffffffc9;box-shadow:0 20px 60px #28765a12,inset 0 1px 0 #fff}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#467e6812 1px,transparent 1px),linear-gradient(90deg,#467e6812 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent 25%,#000)}
.hero:after{content:'';position:absolute;z-index:-1;width:340px;height:340px;right:-80px;top:-130px;border:1px solid #ffffffb3;border-radius:50%;box-shadow:0 0 0 28px #ffffff1c,0 0 0 60px #ffffff17;pointer-events:none}
.hero h1{font-size:39px;letter-spacing:-1.5px}.hero h1 em{color:#126a55}.hero p{font-size:14px;color:#526f62;max-width:400px}.hero .eyebrow{font-size:11px}
.code-tile{border:1px solid #ffffffd9;box-shadow:0 16px 35px #354e6120;background:#ffffffd9;backdrop-filter:blur(10px)}.tile-js{background:#f8df92}.orbit,.orbit:after{border-color:#ffffffad}
.stats,.course,.feature-box,.lesson-row,.article,.challenge-card,.chat,.empty{background:#ffffffed;border-color:#ffffff;box-shadow:0 6px 28px #31594d08;border-radius:14px}
.course{position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.course:before{content:'';height:3px;position:absolute;top:0;left:22px;right:22px;background:linear-gradient(90deg,#e6ab86,transparent)}.course.css:before{background:linear-gradient(90deg,#8ab5da,transparent)}.course.js:before{background:linear-gradient(90deg,#dac170,transparent)}.course:hover{box-shadow:0 14px 35px #31594d13}
.mentor-promo{background:linear-gradient(120deg,#f0edffed,#e6eef9ed);border-color:#fff}.mini-promo{background:linear-gradient(140deg,#edf5ef,#f0edf8);border:1px solid #e7eee8}
.primary{background:linear-gradient(125deg,#16856b,#12654f);border-color:#136e58;box-shadow:0 4px 12px #176a5520;font-size:13px;border-radius:8px}.primary:hover{background:#115d4b}.secondary,.text-link{font-size:13px}.secondary{border-radius:8px}
nav a span{font-size:14px}.breadcrumb,.search-trigger{font-size:13px}.greeting h1{font-size:29px}.greeting p,.section-heading p{font-size:14px}.date-label{font-size:12px}.section-heading h2{font-size:23px}
.course h3{font-size:19px}.course p,.feature-box p{font-size:13px;line-height:1.7}.course-meta{font-size:12px}.pill{font-size:11px}.progress-label{font-size:11px}.course>a{font-size:13px}.stat small{font-size:12px;line-height:1.5}.stat b{font-size:22px}.feature-box h3{font-size:18px}
.lesson-row h3{font-size:16px}.lesson-row p{font-size:13px}.lesson-side a{font-size:13px}.article p{font-size:16px;line-height:1.85}.article code{font-size:14px}.note{font-size:14px}.challenge-card p,.coach-info p,.suggestion{font-size:14px}.message{font-size:15px}.editor textarea{font-size:14px}.editor-label{font-size:12px}.console{font-size:12px}.status-line{font-size:12px}footer{font-size:12px;color:#5d7169;border-color:#cadcd3}.profile{font-size:12px}.profile small{font-size:10px}
@media(max-width:1150px){.hero h1{font-size:33px}.stat{padding:0 16px}.stat-icon{flex-shrink:0}.course{padding:20px}.course h3{font-size:17px}.course-top{gap:8px}.pill{font-size:10px}.greeting{gap:15px}.greeting h1{font-size:27px}.course-meta{font-size:11px}.stat small{font-size:11px}}
@media(max-width:800px){.hero h1{font-size:32px}.hero{padding:28px}.hero-art{right:-40px}.hero-copy{width:68%}.courses{grid-template-columns:1fr}.course p{min-height:0}.course-top{margin-bottom:15px}.course h3{font-size:20px}.course-meta{font-size:12px}.pill{font-size:11px}.lower-grid{grid-template-columns:1fr}.tiny-code{display:block}.article p{font-size:16px}.section-heading{gap:16px}.section-heading .text-link{flex-shrink:0}.stat small{font-size:11px}}
@media(max-width:560px){.greeting h1{font-size:26px}.greeting p{font-size:13px}.hero{padding:26px 24px;min-height:340px;border-radius:18px}.hero-copy{width:100%}.hero h1{font-size:33px}.hero p{font-size:14px;max-width:285px}.hero-art{opacity:.16;right:-95px;top:70px}.hero .actions{align-items:flex-start;flex-wrap:wrap;gap:16px}.hero .primary{white-space:nowrap}.hero .text-link{padding-top:10px}.section-heading{align-items:flex-start;flex-wrap:wrap;gap:10px}.section-heading h2{font-size:22px}.section-heading p{font-size:13px}.section-heading .text-link{font-size:12px}.stat small{font-size:11px}.stat-icon{width:30px;height:30px}.stat{padding:0 12px;gap:9px}.stats{gap:22px}.lesson-row h3{font-size:14px}.lesson-row p{font-size:12px}.lesson-row .pill{font-size:9px}.tiny-code{display:none}.page-heading h1{font-size:30px}.preview-toolbar .text-link{font-size:12px}footer{font-size:12px;line-height:1.6}.hero .eyebrow{font-size:10px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}