:root{color:#f8f3ff;background:#050306;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:linear-gradient(135deg,rgba(255,45,145,.13),transparent 34%),linear-gradient(245deg,rgba(133,70,255,.16),transparent 38%),#050306}#root{position:relative;z-index:1}.ambient-bg{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none}.ambient-bg:before{position:absolute;inset:0;content:"";background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 72%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 72%)}.ambient-layer{position:absolute;display:block;width:72vw;height:72vh;border-radius:40%;filter:blur(72px);mix-blend-mode:screen;opacity:.72;will-change:transform}.layer-one{top:-28vh;left:-22vw;background:linear-gradient(135deg,#ff2d91e0,#5c3aff2e);transform:translateZ(0) scale(1.18) rotate(18deg)}.layer-two{right:-24vw;bottom:-24vh;background:linear-gradient(135deg,#7e57ffd1,#ff50aa33);transform:translateZ(0) scale(1.24) rotate(-16deg)}.layer-three{top:18vh;left:20vw;width:68vw;height:54vh;background:linear-gradient(90deg,#ff73bd57,#8850ff7a);transform:translateZ(0) scale(1.16) rotate(10deg)}a{color:inherit;text-decoration:none}.page-shell{position:relative;z-index:1;width:min(1120px,calc(100% - 32px));min-height:100vh;margin:0 auto;padding:72px 0}.site-logo{display:inline-flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff14;box-shadow:inset 0 1px #ffffff29,0 18px 44px #0000003d;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}.logo-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.9),transparent 22%),linear-gradient(135deg,#ff2d91,#8f55ff 64%,#4c2cff);color:#fff;font-size:1.05rem;font-weight:900;box-shadow:0 10px 28px #ff2d915c}.logo-text{color:#fff8fd;font-size:.9rem;font-weight:800;letter-spacing:0}.hero{display:grid;min-height:34vh;align-items:end;padding-bottom:52px}.eyebrow{margin:0 0 14px;color:#ff73bd;font-size:.86rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{max-width:720px;margin:0;color:#fff8fd;font-size:clamp(2.6rem,6vw,4.8rem);line-height:1.05;letter-spacing:0}.intro{max-width:560px;margin:24px 0 0;color:#d8c9e6;font-size:1.08rem;line-height:1.7}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card{position:relative;display:flex;min-height:260px;overflow:hidden;flex-direction:column;justify-content:space-between;padding:24px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:linear-gradient(135deg,#ffffff29,#ffffff0f);box-shadow:inset 0 1px #fff3,0 20px 60px #00000052;-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%);transition:border-color .16s ease,transform .16s ease,background .16s ease}.project-card:hover,.project-card:focus-visible{border-color:#ffaadcc7;background:linear-gradient(135deg,#ffffff38,#ffffff17);outline:none;transform:translateY(-4px)}.card-glow{position:absolute;inset:auto -30% -55%;height:150px;background:linear-gradient(90deg,#ff2d9159,#7e57ff59);filter:blur(28px)}.card-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.project-icon,.open-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:50%}.project-icon{background:linear-gradient(135deg,#ff2d91,#8546ff);color:#fff}.open-icon{color:#d9c6ff}.project-card h2,.project-card p,.tag{position:relative;z-index:1}.project-card h2{margin:0 0 12px;color:#fff8fd;font-size:1.45rem;letter-spacing:0}.project-card p{margin:0;color:#cdbedb;line-height:1.65}.tag{width:fit-content;max-width:100%;padding:8px 12px;border:1px solid rgba(255,115,189,.38);border-radius:999px;color:#ffd6ec;font-size:.82rem;font-weight:700}@media(max-width:820px){.page-shell{padding:48px 0}.site-logo{gap:10px;padding-right:10px}.logo-mark{width:34px;height:34px}.hero{min-height:28vh;padding-bottom:36px}h1{max-width:12em;font-size:2.35rem;line-height:1.12}.project-grid{grid-template-columns:1fr}.project-card{min-height:220px}}