@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--ink:#f7f2ff;--muted:#a69bbf;--line:rgba(255,255,255,.12);--cyan:#16f4df;--pink:#ff3db8;--orange:#ff9a43}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#09031f;font-family:Space Grotesk,system-ui,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.7;background:radial-gradient(circle at 15% 18%,rgba(13,78,191,.32),transparent 28rem),radial-gradient(circle at 83% 28%,rgba(170,12,148,.29),transparent 26rem),radial-gradient(circle at 48% 89%,rgba(50,11,117,.4),transparent 32rem)}.grid{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(124,98,196,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(124,98,196,.16) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 85%);mask-image:linear-gradient(to bottom,black,transparent 85%)}.wrap{width:min(1120px,calc(100% - 44px));margin:auto;position:relative}nav{display:flex;align-items:center;padding:27px 0}.brand{color:#fff;font:500 14px DM Mono,monospace;letter-spacing:.08em;text-decoration:none}.brand b{color:var(--cyan)}.hero{min-height:620px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:32px;padding:58px 0 84px}h1{max-width:700px;margin:0;font-size:clamp(55px,8.6vw,108px);letter-spacing:-.075em;line-height:.88}h1 .shine{background:linear-gradient(100deg,#fff 10%,#bfc4ff 36%,#ff73db 70%,#ffc176);-webkit-background-clip:text;color:transparent}.intro{max-width:520px;margin:28px 0 0;color:var(--muted);font-size:18px;line-height:1.55}.cta{display:inline-flex;align-items:center;gap:10px;margin-top:35px;padding:13px 18px;border:1px solid rgba(22,244,223,.55);color:var(--cyan);text-decoration:none;font:500 13px DM Mono,monospace;box-shadow:inset 0 0 24px #16f4df14,0 0 25px #16f4df14;transition:.2s}.cta:hover{transform:translateY(-3px);box-shadow:inset 0 0 28px #16f4df2b,0 7px 30px #16f4df2b}.mark{width:min(370px,80vw);aspect-ratio:1;justify-self:end;position:relative;display:grid;place-items:center;filter:drop-shadow(0 0 22px rgba(255,44,185,.25))}.mark:before{content:"";position:absolute;width:78%;height:78%;border-radius:50%;background:radial-gradient(circle,rgba(255,65,191,.14),transparent 62%);filter:blur(18px)}.profile-logo{position:relative;z-index:1;width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 0 22px rgba(255,61,184,.45))}.projects{padding:76px 0 100px}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:27px}h2{margin:0;font-size:clamp(34px,5vw,52px);letter-spacing:-.06em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{min-height:330px;display:flex;flex-direction:column;justify-content:space-between;padding:25px;border:1px solid var(--line);background:linear-gradient(145deg,#ffffff12,#ffffff05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);text-decoration:none;transition:transform .25s,border-color .25s,background .25s}.card:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.card-ready{animation:appear .45s var(--delay) both ease-out}.card:hover{transform:translateY(-8px);background:linear-gradient(145deg,#ffffff1f,#ffffff06)}.card:nth-child(1):hover{border-color:var(--cyan);box-shadow:0 15px 50px #16f4df1f}.card:nth-child(2):hover{border-color:var(--pink);box-shadow:0 15px 50px #ff3db81f}.card:nth-child(3):hover{border-color:var(--orange);box-shadow:0 15px 50px #ff9a431f}.project-logo{display:block;width:62px;height:62px;margin:0 0 13px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 10px rgba(255,255,255,.16))}.card h3{margin:0 0 11px;font-size:28px;letter-spacing:-.05em}.card p{margin:0;color:var(--muted);line-height:1.54;font-size:15px}.tag{margin-top:23px;color:#cfc8de;font:11px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}footer{border-top:1px solid var(--line);padding:26px 0 34px;display:flex;justify-content:space-between;color:var(--muted);font:12px DM Mono,monospace}@keyframes appear{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.hero{grid-template-columns:1fr;min-height:0;padding-top:52px}.mark{justify-self:start;order:-1;width:210px}.intro{font-size:16px}.cards{grid-template-columns:1fr}.card{min-height:255px}.section-top{align-items:center}}