:root{color:#fff6fd;background:#120915;font-family:Plus Jakarta Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #fff6fd;--muted: #d7bed2;--paper: #1b1020;--paper-soft: rgba(31, 17, 37, .78);--line: rgba(255, 120, 205, .24);--rose: #ff4fb8;--rose-deep: #ff2f93;--pink: #ff9bd6;--lavender: #9b7cff;--cyan: #2cf7ff;--mint: #7cffc6;--gold: #f7c85f;--black: #09060d;--shadow: rgba(0, 0, 0, .38)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 14% 12%,rgba(255,79,184,.32),transparent 28rem),radial-gradient(circle at 90% 10%,rgba(44,247,255,.18),transparent 25rem),radial-gradient(circle at 78% 78%,rgba(124,255,198,.12),transparent 22rem),linear-gradient(135deg,#120915,#08060d 58%,#170b20);background-size:42px 42px,42px 42px,auto,auto,auto,auto}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(120deg,transparent 0 44%,rgba(255,79,184,.12) 45% 45.5%,transparent 46%),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 7px);content:""}a{color:inherit;text-decoration:none}button{font:inherit}body,a,button{cursor:none}.cursor-orbit{position:fixed;top:-13px;left:-13px;z-index:100;width:26px;height:26px;border:1px solid rgba(44,247,255,.82);border-radius:50%;pointer-events:none;mix-blend-mode:screen;box-shadow:0 0 18px #2cf7ffa3,inset 0 0 12px #ff4fb885}.site-shell{width:min(1240px,calc(100% - 40px));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:76px;border-bottom:1px solid var(--line);background:#08060dad;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800}.brand span{display:grid;width:40px;height:40px;place-items:center;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--rose),var(--cyan));box-shadow:0 0 28px #ff4fb880}.nav{display:flex;align-items:center;gap:6px}.nav a{border-radius:8px;padding:10px 14px;color:#f4dff2;font-size:.94rem;font-weight:650}.nav a:hover{color:var(--rose-deep);background:#ff4fb829}.icon-button{display:none;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#ffffff0f;cursor:pointer}.section{padding:84px 0}.hero{display:grid;position:relative;grid-template-columns:minmax(0,1fr) minmax(390px,520px);align-items:center;gap:42px;min-height:calc(100vh - 76px);padding-top:48px}.hero:before{position:absolute;right:36%;bottom:12%;width:160px;height:160px;border:1px solid rgba(44,247,255,.28);transform:rotate(18deg);content:""}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;color:var(--rose-deep);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:0}.eyebrow{border:1px solid rgba(255,79,184,.32);border-left-color:var(--cyan);padding:9px 12px;background:#ff4fb814;box-shadow:0 0 24px #ff4fb826}.hero h1{margin:0;color:var(--ink);font-size:clamp(4rem,8vw,7.4rem);line-height:.92;text-shadow:2px 2px 0 rgba(255,79,184,.42),-2px -1px 0 rgba(44,247,255,.32),0 22px 70px rgba(255,79,184,.28)}.hero h2{margin:20px 0 0;color:var(--cyan);font-size:clamp(1.65rem,3vw,3rem);line-height:1.05}.hero-summary{max-width:680px;margin:28px 0 0;color:#e7d0e3;font-size:1.14rem;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;gap:8px;border-radius:8px;padding:0 18px;font-weight:800}.primary-action{color:#fff;background:linear-gradient(135deg,var(--rose),var(--lavender) 55%,var(--cyan));box-shadow:0 0 32px #ff4fb857}.secondary-action{border:1px solid var(--line);color:var(--ink);background:#ffffff12}.primary-action:hover,.secondary-action:hover{transform:translateY(-2px)}.primary-action,.secondary-action,.nav a,.contact-links a,.project-card{transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.hero-visual{position:relative;display:grid;min-height:560px;isolation:isolate;pointer-events:auto}.hero-scene{position:relative;z-index:0;width:100%;min-height:560px;aspect-ratio:1 / 1.08;overflow:visible}.hero-scene:before{position:absolute;top:12%;right:8%;bottom:12%;left:8%;border:1px solid rgba(255,79,184,.24);background:radial-gradient(circle at 52% 50%,rgba(255,79,184,.24),transparent 40%),radial-gradient(circle at 46% 42%,rgba(44,247,255,.16),transparent 34%);filter:blur(2px);transform:rotate(-10deg);content:""}.hero-scene canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;filter:saturate(1.18) contrast(1.08)}.hero-scene-fallback{background:radial-gradient(circle at center,rgba(255,79,184,.35),transparent 38%),conic-gradient(from 45deg,#ff4fb833,#2cf7ff33,#9b7cff3d,#ff4fb833)}.hero-visual:before,.hero-visual:after{position:absolute;z-index:1;border:1px solid rgba(44,247,255,.28);content:""}.hero-visual:before{right:10px;top:44px;width:120px;height:120px;transform:rotate(32deg)}.hero-visual:after{left:0;bottom:70px;width:190px;height:56px;border-color:#ff4fb859;transform:skew(-18deg)}.profile-panel,.info-card,.project-card,.playlist-card{border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#ffffff1c,#ffffff09),#150c1ac7;box-shadow:0 24px 70px var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.profile-panel{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:24px;width:min(620px,100%);margin-top:34px;padding:28px}.profile-panel .skill-cloud{grid-column:1 / -1}.hero-content{position:relative;z-index:3}.avatar{display:grid;position:relative;width:138px;height:138px;place-items:center;border-radius:8px;color:#fff;background:linear-gradient(135deg,#ff4fb8fa,#2cf7ffb8),var(--rose);font-size:4.5rem;font-weight:900;box-shadow:inset 0 0 0 1px #ffffff6b}.avatar-photo{isolation:isolate;padding:5px;border:1px solid rgba(44,247,255,.78);background:linear-gradient(135deg,#2cf7ff6b,#ff4fb838 48%,#f7c85f57),#08060de6;box-shadow:0 0 0 1px #ff4fb873,10px 10px #ff4fb83d,-10px -10px #2cf7ff29,0 0 34px #2cf7ff61,0 0 46px #ff4fb840;clip-path:polygon(0 11%,11% 0,100% 0,100% 86%,86% 100%,0 100%)}.avatar-photo:before,.avatar-photo:after{position:absolute;z-index:2;pointer-events:none;content:""}.avatar-photo:before{top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid rgba(255,255,255,.2);clip-path:polygon(0 11%,11% 0,100% 0,100% 86%,86% 100%,0 100%)}.avatar-photo:after{right:-8px;bottom:18px;width:52px;height:3px;background:var(--cyan);box-shadow:-72px -102px 0 var(--rose),-96px -88px #f7c85fe0}.avatar-photo img{position:relative;z-index:1;display:block;width:100%;height:100%;border-radius:4px;object-fit:cover;object-position:center 42%;filter:saturate(1.08) contrast(1.04);clip-path:polygon(0 10%,10% 0,100% 0,100% 86%,86% 100%,0 100%)}.panel-label{margin:0 0 6px;color:var(--muted);font-size:.86rem;font-weight:700}.panel-value{display:flex;align-items:center;gap:8px;margin:0;font-size:1.1rem;font-weight:800}.skill-cloud,.tag-row{display:flex;flex-wrap:wrap;gap:8px}.skill-cloud span,.tag-row span{border:1px solid rgba(255,79,184,.28);border-radius:999px;padding:7px 10px;color:#ffe6f7;background:#ff4fb81f;font-size:.86rem;font-weight:750}.stats-band{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);background:#ffffff09}.stats-band div{padding:28px;border-right:1px solid var(--line)}.stats-band div:last-child{border-right:0}.stats-band strong{display:block;color:var(--cyan);font-size:2rem}.stats-band span{color:var(--muted);font-weight:750}.split-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}.section h2,.section-heading h2{margin:0;color:var(--ink);font-size:clamp(2rem,4vw,3.8rem);line-height:1}.section-copy p,.music-section p,.contact-section p{margin:0;color:#d7bed2;font-size:1.05rem;line-height:1.8}.check-list{display:grid;gap:14px;margin:26px 0 0;padding:0;list-style:none}.check-list li{position:relative;padding-left:28px;color:#ead8e9;line-height:1.7}.check-list li:before{position:absolute;left:0;top:.64em;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--rose),var(--lavender));content:""}.experience-grid,.project-grid,.playlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.info-card,.project-card,.playlist-card{padding:24px}.info-card svg,.playlist-card svg{color:var(--rose)}.info-card h3,.project-card h3,.playlist-card h3,.timeline-item h3{margin:16px 0 10px;color:var(--ink);font-size:1.12rem}.info-card p,.project-card p,.playlist-card p,.timeline-item p{margin:0;color:#d7bed2;line-height:1.7}.section-heading{margin-bottom:28px}.project-card{display:flex;min-height:340px;flex-direction:column;position:relative;overflow:hidden}.project-card:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,79,184,.15),transparent 34%),linear-gradient(315deg,rgba(44,247,255,.13),transparent 36%);opacity:0;transition:opacity .16s ease;content:""}.project-card:hover{transform:translateY(-5px);border-color:#2cf7ff5c}.project-card:hover:before{opacity:1}.card-topline{display:flex;align-items:center;justify-content:space-between;color:var(--cyan);font-size:.84rem;font-weight:800;text-transform:uppercase}.tag-row{margin-top:auto;padding-top:22px}.project-card a{display:inline-flex;align-items:center;gap:6px;margin-top:20px;color:var(--pink);font-weight:850}.timeline-list{display:grid;gap:18px}.timeline-item{display:grid;grid-template-columns:34px 1fr;gap:14px;border-bottom:1px solid var(--line);padding-bottom:18px}.timeline-item svg{color:var(--lavender)}.timeline-item span{color:var(--mint);font-size:.86rem;font-weight:800}.timeline-item h3{margin-top:4px}.music-section,.contact-section{display:grid;grid-template-columns:.9fr 1.1fr;align-items:start;gap:40px}.music-section h2,.contact-section h2{margin-bottom:20px}.playlist-card{min-height:160px}.contact-section{border-top:1px solid var(--line);padding-bottom:104px}.running-section{display:grid;grid-template-columns:.9fr 1.1fr;align-items:start;gap:40px;border-top:1px solid var(--line)}.running-section p{margin:0;color:#d7bed2;font-size:1.05rem;line-height:1.8}.strava-link{display:inline-flex;align-items:center;gap:8px;min-height:46px;margin-top:24px;border:1px solid rgba(252,76,2,.42);border-radius:8px;padding:0 16px;color:#fff;background:linear-gradient(135deg,#fc4c02eb,#ff4fb8b8);font-weight:850;box-shadow:0 0 28px #fc4c0233}.running-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.running-card{min-height:142px;border:1px solid var(--line);border-radius:8px;padding:20px;background:linear-gradient(145deg,#ffffff1f,#ffffff09),#150c1ac7;box-shadow:0 24px 70px var(--shadow)}.running-card svg{color:var(--mint)}.running-card h3{margin:18px 0 0;color:var(--ink);font-size:1rem}.contact-links{display:grid;gap:12px}.contact-links a{display:flex;align-items:center;justify-content:space-between;min-height:60px;border:1px solid var(--line);border-radius:8px;padding:0 18px;background:#ffffff0f;color:var(--ink);font-weight:800}.contact-links a:hover{border-color:#d6338459;color:var(--rose-deep);background:#ff4fb81a}@media (max-width: 860px){.site-shell{width:min(100% - 28px,720px)}.site-header{min-height:68px}.menu-button{display:inline-flex}.nav{position:absolute;top:68px;right:0;left:0;display:none;flex-direction:column;align-items:stretch;border:1px solid var(--line);border-radius:8px;padding:8px;background:#160d1d;box-shadow:0 18px 40px #75285624}.nav-open{display:flex}.nav a{padding:13px 12px}.section{padding:58px 0}.hero,.split-section,.music-section,.contact-section,.running-section{grid-template-columns:1fr;gap:34px}.hero{min-height:auto}.hero:before{display:none}.hero-visual{min-height:500px}.hero-scene{min-height:460px;aspect-ratio:1 / .95}.profile-panel{width:100%}.hero h1{font-size:clamp(3.25rem,18vw,4.8rem)}.profile-panel{padding:20px}.stats-band,.experience-grid,.project-grid,.playlist-grid,.running-grid{grid-template-columns:1fr}.stats-band div{border-right:0;border-bottom:1px solid var(--line);padding:22px 0}.stats-band div:last-child{border-bottom:0}.project-card{min-height:auto}}@media (max-width: 480px){.hero-actions,.primary-action,.secondary-action{width:100%}.avatar{width:112px;height:112px;font-size:3.5rem}.hero-visual{min-height:460px}.hero-scene{min-height:410px;aspect-ratio:1 / 1}.profile-panel{grid-template-columns:1fr;padding:18px}.cursor-orbit{display:none}}