:root{color-scheme:dark;--ink: #231225;--eggplant: #130b17;--lavender: #eee3ef;--rose: #ff9bd9;--cyan: #67f5ff;--mint: #98f5bd;--yellow: #ffe66d;--paper: #fff7e8;--muted: #bcaac8;--line: rgba(255,255,255,.18);--shadow: 0 28px 80px rgba(0,0,0,.45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:#fff;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 14% 16%, rgba(255,155,217,.25), rgba(0,0,0,0) 26rem),radial-gradient(circle at 88% 18%, rgba(103,245,255,.18), rgba(0,0,0,0) 28rem),linear-gradient(90deg, var(--lavender) 0 49.7%, var(--eggplant) 49.8% 100%);overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;mix-blend-mode:multiply;background-image:repeating-linear-gradient(0deg, rgba(0,0,0,0) 0 2px, rgba(0,0,0,.22) 3px),repeating-linear-gradient(90deg, rgba(0,0,0,0) 0 8px, rgba(255,255,255,.18) 9px)}.static-field{position:fixed;inset:0;pointer-events:none;opacity:.08;background:radial-gradient(#fff 1px, rgba(0,0,0,0) 1px) 0 0/9px 9px}a{color:inherit}.shell{width:min(1220px,100% - 28px);margin:0 auto;padding:26px 0 44px;display:grid;grid-template-columns:212px 1fr;gap:22px;position:relative;z-index:1}.sidebar{position:sticky;top:18px;align-self:start;min-height:calc(100vh - 52px);padding:18px;border:2px solid rgba(35,18,37,.35);border-radius:26px;background:rgba(255,247,232,.82);color:var(--ink);box-shadow:var(--shadow);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:1.35rem;letter-spacing:-.05em}.orb{width:15px;height:15px;background:conic-gradient(var(--rose), var(--cyan), var(--yellow), var(--rose));border-radius:50%;box-shadow:0 0 18px var(--rose)}nav{margin-top:36px;display:grid;gap:10px}nav p{margin:0 0 4px;color:#7d5f82;font:700 .72rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.14em}nav a{padding:10px 12px;border:1px solid rgba(35,18,37,.18);border-radius:14px;text-decoration:none;font-weight:750;background:rgba(255,255,255,.45)}nav a:hover{background:var(--ink);color:#fff}.badge-wall{margin-top:34px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.badge-wall span{display:grid;place-items:center;min-height:25px;border:1px solid #111;background:linear-gradient(90deg, #111, #5e2762);color:#fff;font:700 .58rem ui-monospace,monospace;box-shadow:2px 2px 0 #000}.hero{min-height:calc(100vh - 52px);display:grid;grid-template-columns:minmax(0, 1.08fr) minmax(310px, .72fr);align-items:center;gap:clamp(20px,4vw,54px);padding:clamp(26px,5vw,70px);border-radius:34px;border:2px solid rgba(255,255,255,.2);box-shadow:var(--shadow);position:relative;overflow:hidden}.split-card{background:linear-gradient(90deg, rgba(238,227,239,.7) 0 49.8%, rgba(19,11,23,.82) 49.9% 100%)}.kicker{margin:0 0 18px;color:#7b3a78;font:800 .78rem ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase}h1{margin:0;max-width:820px;font-size:clamp(3.1rem,8.3vw,7.6rem);line-height:.94;letter-spacing:-.08em;color:var(--ink)}h1 span{display:table;margin:0 0 .08em;padding:.02em .11em .08em;border-radius:.14em;background:rgba(255,247,232,.88);box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:7px 7px 0 rgba(35,18,37,.18)}h1 span:nth-child(2),h1 span:nth-child(3){color:var(--rose);background:rgba(19,11,23,.86);text-shadow:0 4px 0 rgba(0,0,0,.24)}.lead{max-width:640px;margin:28px 0 0;padding:16px 18px;color:#f6eff8;background:rgba(19,11,23,.74);border:1px solid rgba(255,255,255,.18);border-radius:20px;box-shadow:8px 8px 0 rgba(35,18,37,.18);font-size:clamp(1.08rem,2vw,1.42rem);line-height:1.45}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.buttons a{padding:13px 16px;border-radius:16px;border:1px solid rgba(35,18,37,.22);background:var(--paper);color:var(--ink);text-decoration:none;font-weight:850;box-shadow:4px 4px 0 rgba(0,0,0,.24)}.buttons .primary{background:var(--ink);color:#fff}.polaroid{transform:rotate(4deg);background:var(--paper);color:var(--ink);padding:18px 18px 24px;border-radius:8px;box-shadow:18px 24px 45px rgba(0,0,0,.48);position:relative;max-width:360px;justify-self:center}.pin{position:absolute;top:-17px;left:50%;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 34% 28%, #fff, var(--rose) 35%, #9c317a 80%);box-shadow:0 8px 12px rgba(0,0,0,.4)}.photo-grid{aspect-ratio:1.14;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;background:#140b18;border:1px solid #2d1a32}.photo-grid span{display:grid;place-items:center;border:1px dashed rgba(255,255,255,.28);color:var(--cyan);font:900 clamp(2rem,4vw,3.5rem) ui-monospace,monospace;text-transform:uppercase}.rainbow{height:12px;margin-top:10px;background:linear-gradient(90deg, #ff5b83, #ffb84d, #ffe66d, #98f5bd, #67f5ff, #bba0ff)}.polaroid p{margin:16px 4px 0;font:.84rem/1.35 ui-monospace,monospace}.panel-grid{grid-column:2;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:14px;margin-top:22px}.panel,.lab-card,.terminal-card{border:1px solid var(--line);border-radius:24px;background:rgba(19,11,23,.76);color:#fff;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.panel{padding:22px;min-height:170px}.panel b{color:var(--cyan);font-size:1.06rem}.panel p{color:var(--muted);line-height:1.5}.lab-card{grid-column:2;margin-top:14px;padding:28px;display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;align-items:center}.lab-card h2{margin:0;font-size:clamp(2rem,4vw,4rem);line-height:.9;letter-spacing:-.06em}.lab-card p:last-child{color:#dfd3e8;font-size:1.08rem;line-height:1.5}.terminal-card{grid-column:2;margin-top:14px;overflow:hidden;background:#08080c}.terminal-title{padding:10px 14px;border-bottom:1px solid #272733;color:#a7a7b6;font:700 .8rem ui-monospace,monospace}.terminal-title span{display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:50%;background:var(--rose)}.terminal-title span:nth-child(2){background:var(--yellow)}.terminal-title span:nth-child(3){background:var(--mint)}pre{margin:0;padding:20px;overflow-x:auto;color:var(--mint);font:.95rem/1.55 ui-monospace,monospace}footer{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0 0;color:#fff;font-weight:750;text-shadow:0 2px 8px rgba(0,0,0,.55)}.barcode{width:130px;height:28px;background:repeating-linear-gradient(90deg, #111 0 2px, rgba(0,0,0,0) 2px 5px, #111 5px 8px, rgba(0,0,0,0) 8px 12px);opacity:.8}.world-cloud{position:fixed;inset:0;pointer-events:none;z-index:0}.sticker,.spark{position:absolute;font-family:ui-monospace,monospace;font-weight:900}.sticker{padding:7px 10px;border:2px solid #111;background:#fff7e8;color:#231225;box-shadow:4px 4px 0 #111}.s1{right:7%;top:9%;transform:rotate(8deg);background:var(--rose);color:#140b18}.s2{right:14%;bottom:18%;transform:rotate(-10deg)}.s3{left:9%;bottom:9%;transform:rotate(7deg)}.s4{left:49%;top:5%;transform:rotate(-4deg);background:var(--cyan);color:#140b18}.s5{right:30%;bottom:3%;transform:rotate(3deg)}.spark{color:var(--yellow);font-size:2rem;text-shadow:0 0 18px var(--yellow)}.sp1{left:45%;top:18%}.sp2{right:5%;top:43%}.sp3{left:25%;bottom:22%}@media (max-width: 900px){body{background:linear-gradient(180deg, var(--lavender), var(--eggplant))}.shell{grid-template-columns:1fr}.sidebar{position:relative;top:0;min-height:0}.hero,.lab-card{grid-template-columns:1fr}.panel-grid,.lab-card,.terminal-card,footer{grid-column:1}.panel-grid{grid-template-columns:1fr}footer{color:#fff;flex-wrap:wrap}}