.micro{--micro-accent:#a3d4ff;isolation:isolate;color:#f5f7fc;background:#080c15;min-height:100vh;font-family:inherit;position:relative;overflow:hidden}.micro--esrgan{background:radial-gradient(at 84% 10%,#153b55 0,#0000 38%),#07101a}.micro--archive{background:radial-gradient(at 83% 4%,#583b27 0,#0000 37%),#15110f}.micro--aokana{background:radial-gradient(at 80% 7%,#54355d 0,#0000 43%),#141020}.micro--spark{background:radial-gradient(at 83% 10%,#254c7c 0,#0000 42%),#0a1020}.micro--navigation{background:radial-gradient(at 82% 8%,#1c605d 0,#0000 42%),#071b1d}.micro *{box-sizing:border-box}.micro a{text-decoration:none}.micro-glow{z-index:-1;pointer-events:none;background:var(--micro-accent);opacity:.07;filter:blur(120px);border-radius:100%;width:45rem;height:45rem;position:absolute;top:15rem;right:-20rem}.micro-shell{max-width:1210px;margin:auto;padding:0 clamp(20px,5vw,68px)}.micro-nav{border-bottom:1px solid #ffffff20;justify-content:space-between;align-items:center;gap:18px;height:94px;display:flex}.micro-nav a{color:#d5dfef;font-size:14px}.micro-back,.micro-github{align-items:center;gap:9px;transition:color .3s,transform .3s;display:inline-flex}.micro-back:hover,.micro-github:hover{color:var(--micro-accent);transform:translateY(-2px)}.micro-brand{letter-spacing:-.02em;font-size:15px;font-weight:700}.micro-hero{grid-template-columns:1.14fr .86fr;align-items:center;gap:30px;min-height:610px;padding:clamp(72px,10vw,140px) 0 90px;display:grid}.micro-copy{z-index:1;animation:.85s cubic-bezier(.2,.7,.2,1) both micro-rise;position:relative}.micro-eyebrow{letter-spacing:.21em;color:var(--micro-accent);text-transform:uppercase;align-items:center;gap:12px;font-size:11px;font-weight:700;display:flex}.micro-pulse{background:var(--micro-accent);width:8px;height:8px;box-shadow:0 0 20px var(--micro-accent);border-radius:50%;animation:2.5s ease-in-out infinite micro-pulse}.micro-hero h1,.micro-chapter-hero h1{letter-spacing:-.07em;max-width:760px;margin:28px 0;font-size:clamp(44px,5.9vw,83px);font-weight:800;line-height:1.16}.micro-lead{color:#c4cad7;max-width:630px;font-size:clamp(16px,1.65vw,20px);line-height:1.95}.micro-actions{flex-wrap:wrap;gap:12px;margin-top:35px;display:flex}.micro-actions a{border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:15px 22px;font-size:14px;font-weight:650;transition:transform .3s,background .3s,border-color .3s;display:inline-flex}.micro-actions a:hover{transform:translateY(-4px)}.micro-primary{background:var(--micro-accent);color:#09111a!important}.micro-secondary{color:#fff;background:#ffffff0c;border:1px solid #ffffff2c}.micro-secondary:hover{background:#ffffff17}.micro-tags{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex}.micro-tags span{letter-spacing:.05em;color:#a7b5c8;border:1px solid #ffffff24;border-radius:99px;padding:8px 11px;font-size:11px}.micro-art{aspect-ratio:1;justify-self:end;place-items:center;width:100%;max-width:460px;animation:8s ease-in-out infinite micro-float;display:grid;position:relative}.micro-art:before{content:"";background:radial-gradient(circle,var(--micro-accent)0%,transparent 66%);filter:blur(55px);opacity:.15;position:absolute;inset:6%}.micro-art-orbit{border:1px solid color-mix(in srgb,var(--micro-accent)35%,transparent);border-radius:50%;animation:22s linear infinite micro-orbit;position:absolute;inset:5%;transform:rotate(-20deg)scaleY(.57)}.micro-art-orbit.two{animation-direction:reverse;inset:15%;transform:rotate(65deg)scaleY(.76)}.micro-art-core{aspect-ratio:1;background:linear-gradient(135deg,color-mix(in srgb,var(--micro-accent)34%,transparent),#ffffff06 58%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffff42;border-radius:28%;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:60%;display:flex;position:relative;transform:rotate(-11deg);box-shadow:inset 0 0 90px #ffffff0a,0 25px 100px #0009}.micro-art-core svg{color:var(--micro-accent)}.micro-art-core span{text-align:center;overflow-wrap:anywhere;max-width:80%;font-size:clamp(12px,1.5vw,20px);font-weight:800}.micro-art-caption{letter-spacing:.3em;color:#ffffff6e;font-size:10px;position:absolute;bottom:3%}.micro--archive .micro-art-core{border-radius:12px;transform:rotate(5deg)}.micro--aokana .micro-art-core{border-radius:50% 50% 30% 30%;transform:rotate(-7deg)}.micro--esrgan .micro-art-core{border-radius:7%;transform:rotate(9deg)}.micro--navigation .micro-art-core{border-radius:38px;transform:rotate(-5deg)}.micro-facts{border-top:1px solid #ffffff27;border-bottom:1px solid #ffffff27;grid-template-columns:repeat(3,1fr);padding:27px 0;display:grid}.micro-facts>div{border-right:1px solid #ffffff20;flex-direction:column;gap:12px;padding:10px 24px;display:flex}.micro-facts>div:first-child{padding-left:0}.micro-facts>div:last-child{border:0}.micro-facts span{color:#9daab9;font-size:12px}.micro-facts strong{font-size:clamp(17px,2vw,25px);font-weight:700}.micro-section{padding:130px 0}.micro-section-label,.micro-end>span{letter-spacing:.23em;color:var(--micro-accent);font-size:11px;font-weight:700}.micro-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:17px 0 44px;display:flex}.micro-heading h2{letter-spacing:-.055em;font-size:clamp(29px,4vw,52px);font-weight:750}.micro-heading p{color:#b0bdcc;max-width:300px;font-size:14px;line-height:1.8}.micro-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.micro-card{min-height:286px;color:inherit;background:linear-gradient(150deg,#ffffff14,#ffffff06);border:1px solid #ffffff24;border-radius:25px;padding:32px;transition:transform .4s cubic-bezier(.2,.8,.2,1),background .4s,border-color .4s;animation:.85s both micro-rise;position:relative}.micro-card:nth-child(2){animation-delay:.12s}.micro-card:nth-child(3){animation-delay:.24s}.micro-card:hover{border-color:var(--micro-accent);background:color-mix(in srgb,var(--micro-accent)12%,#ffffff09);transform:translateY(-9px)}.micro-card-num{letter-spacing:.14em;color:var(--micro-accent);font-size:11px}.micro-card h3{letter-spacing:-.05em;margin:43px 0 12px;font-size:25px;font-weight:720}.micro-card p{color:#b7c0cc;padding-right:12px;font-size:14px;line-height:1.8}.micro-card-arrow{color:var(--micro-accent);transition:transform .3s;position:absolute;bottom:25px;right:28px}.micro-card:hover .micro-card-arrow{transform:translate(5px)}.micro-end{background:linear-gradient(120deg,color-mix(in srgb,var(--micro-accent)17%,transparent),#ffffff05);border:1px solid #ffffff23;border-radius:30px;padding:66px clamp(30px,5vw,70px)}.micro-end h2{letter-spacing:-.05em;margin:20px 0 35px;font-size:clamp(30px,4.2vw,55px);line-height:1.2}.micro-end>div{flex-wrap:wrap;gap:25px;display:flex}.micro-end a{color:#fff;align-items:center;gap:9px;font-size:14px;transition:color .3s;display:inline-flex}.micro-end a:hover{color:var(--micro-accent)}.micro-footer{color:#9facbc;border-top:1px solid #fff2;justify-content:space-between;gap:20px;margin-top:100px;padding:30px 0 45px;font-size:12px;display:flex}.micro-footer a{color:#bbc7d5}.micro-chapter-hero{padding:110px 0 75px;animation:.8s both micro-rise}.micro-chapter-hero h1{margin:20px 0}.micro-chapter-hero h1 span{color:var(--micro-accent)}.micro-chapter-grid{grid-template-columns:230px 1fr;gap:65px;display:grid}.micro-sidebar{flex-direction:column;align-self:start;gap:12px;display:flex;position:sticky;top:28px}.micro-sidebar>span{letter-spacing:.2em;color:#98a5b5;margin-bottom:17px;font-size:11px}.micro-sidebar a{color:#a9b7c9;border:1px solid #0000;border-radius:12px;padding:13px 16px;font-size:13px;line-height:1.6;transition:all .3s}.micro-sidebar a:hover,.micro-sidebar a[aria-current=page]{color:#fff;background:#ffffff0c;border-color:#ffffff20}.micro-sidebar a[aria-current=page]{border-left:2px solid var(--micro-accent)}.micro-sidebar .micro-home-link{color:var(--micro-accent);margin-top:20px}.micro-article{gap:20px;display:grid}.micro-article-card{background:#ffffff0a;border:1px solid #fff2;border-radius:24px;padding:clamp(26px,4vw,52px);animation:.85s both micro-rise}.micro-article-card:nth-child(2){animation-delay:.12s}.micro-article-card:nth-child(3){animation-delay:.24s}.micro-article-card>span,.micro-article-next>span{letter-spacing:.17em;color:var(--micro-accent);font-size:11px}.micro-article-card h2{letter-spacing:-.04em;margin:23px 0;font-size:clamp(24px,3vw,37px);font-weight:720}.micro-article-card p{color:#c1cad9;font-size:16px;line-height:2.05}.micro-article-next{justify-content:space-between;align-items:center;gap:18px;padding:30px 0;display:flex}.micro-article-next a{color:#fff;align-items:center;gap:12px;font-weight:650;display:inline-flex}.micro-article-next a:hover{color:var(--micro-accent)}@keyframes micro-rise{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes micro-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes micro-orbit{to{rotate:360deg}}@keyframes micro-pulse{50%{opacity:.4;box-shadow:0 0 5px var(--micro-accent)}}@media (max-width:820px){.micro-hero{grid-template-columns:1fr;padding:80px 0 65px}.micro-art{justify-self:center;max-width:330px}.micro-grid{grid-template-columns:1fr}.micro-card{min-height:240px}.micro-heading{display:block}.micro-heading p{margin-top:20px}.micro-chapter-grid{grid-template-columns:1fr;gap:25px}.micro-sidebar{flex-flow:wrap;gap:7px;position:static}.micro-sidebar>span{width:100%}.micro-sidebar a{padding:9px 11px}.micro-facts strong{font-size:16px}}@media (max-width:540px){.micro-brand{display:none}.micro-nav{height:75px}.micro-facts{grid-template-columns:1fr}.micro-facts>div{border-bottom:1px solid #ffffff1e;border-right:0;padding:18px 0}.micro-facts>div:last-child{border:0}.micro-hero h1{font-size:44px}.micro-section{padding:85px 0}.micro-end{padding:34px 25px}.micro-footer{margin-top:60px}.micro-art{max-width:260px}}@media (prefers-reduced-motion:reduce){.micro *,.micro :before,.micro :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
