@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b0b14;--font:"Plus Jakarta Sans", system-ui, sans-serif;--mono:"JetBrains Mono", monospace}html{scroll-behavior:smooth}body{background:var(--bg);color:#f0f0ff;font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.aurora{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(90px);will-change:transform;border-radius:50%;position:absolute}.blob-1{opacity:.13;background:#7c3aed;width:600px;height:600px;animation:28s ease-in-out infinite drift1;top:-150px;left:-100px}.blob-2{opacity:.1;background:#06b6d4;width:500px;height:500px;animation:34s ease-in-out infinite drift2;bottom:-100px;right:-80px}.blob-3{opacity:.09;background:#ec4899;width:400px;height:400px;animation:22s ease-in-out infinite drift3;top:40%;right:15%}.blob-4{opacity:.08;background:#3b82f6;width:350px;height:350px;animation:30s ease-in-out infinite drift4;bottom:25%;left:10%}@keyframes drift1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(80px,-60px)scale(1.1)}66%{transform:translate(-40px,80px)scale(.9)}}@keyframes drift2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-70px,50px)scale(.9)}66%{transform:translate(60px,-80px)scale(1.1)}}@keyframes drift3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-50px,-60px)scale(1.15)}}@keyframes drift4{0%,to{transform:translate(0)scale(1)}40%{transform:translate(60px,40px)scale(1.1)}80%{transform:translate(-30px,-40px)scale(.88)}}.clay{-webkit-backdrop-filter:blur(20px);background:#ffffff0e;border:1px solid #ffffff1a;border-radius:22px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,border-color .2s;box-shadow:0 2px 4px #00000040,0 8px 24px #00000059,inset 0 1px #ffffff1f,inset 0 -1px #00000040}.clay:hover{box-shadow:0 4px 8px #0000004d, 0 16px 48px #00000073, 0 0 60px var(--glow,#7c3aed26), inset 0 1px 0 #ffffff2e, inset 0 -1px 0 #0000004d;border-color:#ffffff2e;transform:translateY(-5px)scale(1.01)}.clay-btn{cursor:pointer;font-family:var(--font);border:none;font-weight:600;transition:transform 80ms cubic-bezier(.34,1.56,.64,1),box-shadow 80ms}.clay-btn:active{transform:scale(.95)translateY(2px)!important}.tab-pill{color:#ffffff73;font-family:var(--font);letter-spacing:.04em;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;padding:7px 16px;font-size:12px;font-weight:600;transition:all .18s}.tab-pill.active{background:var(--cat,#7c3aed40);border-color:var(--cat,#7c3aed66);color:#fff;box-shadow:0 0 16px var(--glow,#7c3aed4d), inset 0 1px 0 #fff3}.tab-pill:hover:not(.active){color:#ffffffbf;background:#ffffff1a}.code-block{border:1px solid #ffffff14;border-left:3px solid var(--cat,#7c3aed);font-family:var(--mono);color:#7090c0;white-space:pre;background:#00000080;border-radius:0 12px 12px 0;padding:18px 20px;font-size:12px;line-height:1.75;overflow-x:auto}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{-webkit-backdrop-filter:blur(16px);z-index:100;background:#000000eb;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-card{width:100%;max-width:680px;max-height:88vh;animation:.25s cubic-bezier(.34,1.56,.64,1) slideUp;position:relative;overflow-y:auto}.res-tag{letter-spacing:.08em;text-transform:uppercase;border:1px solid;border-radius:6px;padding:3px 8px;font-size:9.5px;font-weight:700;display:inline-block}a{text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}@media (width<=640px){.modal-backdrop{align-items:flex-end;padding:0}.modal-card{border-radius:24px 24px 0 0;max-height:92vh}}