:root{--page-bg: radial-gradient(1100px 700px at 78% -8%, rgba(139, 92, 246, .2), transparent 60%), radial-gradient(900px 600px at 10% 110%, rgba(168, 85, 247, .1), transparent 55%), #1c1a24;--bg: #1c1a24;--text: #f1eff6;--text-body: #c7c2d4;--muted: #a8a3b6;--muted-2: #827d92;--faint: #827d92;--accent: #b388f0;--accent-light: #cba8f5;--accent-deep: #8b5cf6;--grad-btn: linear-gradient(135deg, #a855f7, #7c3aed);--grad-logo: linear-gradient(135deg, #a855f7, #6d28d9);--grad-heading: linear-gradient(120deg, #cba8f5, #b388f0 40%, #8b5cf6);--grad-card: linear-gradient(180deg, rgba(58, 54, 72, .78), rgba(42, 39, 53, .88));--contact-bg: linear-gradient(160deg, rgba(64, 56, 88, .72), rgba(42, 39, 55, .78));--header-bg: rgba(28, 26, 36, .6);--badge-bg: rgba(168, 85, 247, .1);--border-soft: rgba(168, 85, 247, .16);--border: rgba(168, 85, 247, .18);--border-mid: rgba(168, 85, 247, .24);--border-strong: rgba(168, 85, 247, .3);--border-hover: rgba(168, 85, 247, .55);--glow: rgba(168, 85, 247, .26);--btn-glow: rgba(168, 85, 247, .4);--btn-glow-strong: rgba(168, 85, 247, .6);--card-shadow: 0 24px 60px -20px rgba(124, 58, 237, .5);--scroll-track: rgba(168, 85, 247, .1);--scroll-thumb: rgba(168, 85, 247, .42);--scroll-thumb-hover: rgba(168, 85, 247, .7);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--maxw: 1080px;--pad-x: 56px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent);color:#1c1a24}a{color:var(--accent-light);text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}section[id]{scroll-margin-top:96px}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--pad-x)}.eyebrow{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-weight:600;font-size:15px;border-radius:99px;padding:14px 26px;cursor:pointer;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.btn-primary{background:var(--grad-btn);color:#fff;box-shadow:0 0 28px var(--btn-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 38px var(--btn-glow-strong);color:#fff}.btn-primary.lg{padding:17px 36px;font-size:16px;box-shadow:0 0 36px var(--btn-glow)}.btn-primary.lg:hover{box-shadow:0 0 48px var(--btn-glow-strong)}.btn-outline{border-color:var(--border-mid);color:var(--text)}.btn-outline:hover{background:#a855f71a;border-color:var(--border-hover);color:var(--text)}.projects-scroll::-webkit-scrollbar{height:8px}.projects-scroll::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:99px}.projects-scroll::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:99px}.projects-scroll::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}@keyframes pulseGlow{0%,to{opacity:.5}50%{opacity:.85}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@media(max-width:720px){:root{--pad-x: 24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}