@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@500;600;700;900&display=swap";:root{color:#f5f4f7;font-synthesis:none;background:#080a12;font-family:Manrope,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html{background:#080a12;min-width:320px}body{min-height:100vh;margin:0}a{color:inherit;text-decoration:none}.shell{isolation:isolate;background:linear-gradient(110deg,#ffffff06 1px,#0000 1px) 0 0/48px 48px,linear-gradient(#090b14,#080a12 58%);min-height:100vh;padding:28px clamp(24px,7vw,118px) 22px;position:relative;overflow:hidden}.shell:before{content:"";pointer-events:none;z-index:-1;opacity:.35;background-image:radial-gradient(#ffffff80 .5px,#0000 .6px);background-size:5px 5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.aurora{z-index:-2;filter:blur(38px);opacity:.26;pointer-events:none;border-radius:999px;width:42vw;min-width:340px;height:42vw;min-height:340px;position:absolute}.aurora-left{background:#5a2bd3;top:20%;left:-20%}.aurora-right{background:#075e74;top:-18%;right:-12%}.nav,footer,.panel-head,.card-top,.open-link{justify-content:space-between;align-items:center;display:flex}.nav{letter-spacing:.14em;font-family:DM Mono,monospace;font-size:10px}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:15px;font-weight:800;display:inline-flex}.brand-mark{color:#d5c8ff;background:linear-gradient(145deg,#3c2789,#171d50);border:1px solid #bba6ff;border-radius:9px 9px 9px 2px;place-items:center;width:29px;height:29px;font-family:Noto Serif SC,serif;font-size:17px;display:grid}.nav-meta{color:#9fa6ba;align-items:center;gap:8px;display:inline-flex}.pulse{background:#74edb5;border-radius:50%;width:7px;height:7px;box-shadow:0 0 14px #74edb5}.hero{max-width:880px;padding:clamp(92px,15vh,168px) 0 80px}.eyebrow{color:#a89ac8;letter-spacing:.15em;margin:0;font:500 10px/1 DM Mono,monospace}h1{letter-spacing:-.07em;margin:17px 0 21px;font-family:Noto Serif SC,Georgia,serif;font-size:clamp(47px,7vw,100px);font-weight:900;line-height:1.14}h1 em{color:#cbb7ff;text-shadow:0 0 46px #a673ff45;font-style:normal}.intro{color:#aeb3c4;max-width:480px;margin:0;font-size:15px;line-height:1.85}.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#15172596;border:1px solid #cfc8f121;border-radius:21px;max-width:1200px;margin:0 auto;padding:28px;box-shadow:0 20px 80px #0003}.panel-head{border-bottom:1px solid #cfc8f11f;padding-bottom:24px}.panel-head h2{letter-spacing:-.04em;margin:7px 0 0;font-size:20px}time{color:#858da1;font:10px DM Mono,monospace}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:16px;display:grid}.project-card{background:#0a0c16c7;border:1px solid #ffffff14;border-radius:15px;flex-direction:column;min-height:287px;padding:20px;transition:transform .24s,border-color .24s,background .24s;display:flex;position:relative;overflow:hidden}.project-card:after{content:"";filter:blur(30px);opacity:.2;pointer-events:none;border-radius:999px;width:170px;height:170px;position:absolute;bottom:-52px;right:-36px}.project-card:hover{background:#17172ae6;border-color:#dad2ff54;transform:translateY(-5px)}.violet:after{background:#7049e8}.cyan:after{background:#1ca9d5}.glyph{color:#d4c5ff;font:24px Noto Serif SC,serif}.cyan .glyph{color:#93dff9}.status{color:#9ca5bc;letter-spacing:.08em;align-items:center;gap:6px;font:10px DM Mono,monospace;display:inline-flex}.status i{background:#687087;border-radius:50%;width:6px;height:6px}.status.online i{background:#68eca8;box-shadow:0 0 10px #68eca8}.card-content{margin-top:auto}.card-index{color:#767f96;margin:0 0 12px;font:10px DM Mono,monospace}h3{letter-spacing:-.06em;margin:0;font-size:27px}.slug{color:#aa98dc;text-transform:uppercase;letter-spacing:.1em;margin:5px 0 14px;font:10px DM Mono,monospace}.description{color:#9ba2b5;max-width:330px;margin:0;font-size:13px;line-height:1.6}.open-link{color:#ddd9e9;margin-top:22px;font:600 12px Manrope,sans-serif}.open-link span{margin-left:7px;font-size:17px;transition:transform .2s}.project-card:hover .open-link span{transform:translate(3px,-2px)}.open-link.disabled{color:#7d8394;cursor:not-allowed}footer{color:#777e91;letter-spacing:.1em;max-width:1200px;margin:26px auto 0;font:10px DM Mono,monospace}.footer-rule{color:#9991ab}@media (width<=640px){.shell{padding:22px 16px 18px}.nav-meta{font-size:8px}.hero{padding:90px 8px 60px}h1{letter-spacing:-.08em;font-size:clamp(40px,12vw,60px)}.panel{border-radius:16px;padding:16px}.panel-head time{display:none}.project-grid{grid-template-columns:1fr}footer{font-size:8px}}