@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";:root{--bg: #070710;--surface: rgba(255,255,255,.06);--text: #e9e9f2;--muted: #a0a1b3;--accent-a: #7c3aed;--accent-b: #22d3ee;--accent-c: #f472b6;--ring: #22d3ee55;--card: rgba(255,255,255,.04);--radius: 20px;--shadow: 0 18px 60px rgba(0,0,0,.35)}:root.light{--bg: #f6f7ff;--surface: rgba(0,0,0,.06);--text: #141126;--muted: #4a4563;--accent-a: #4f46e5;--accent-b: #06b6d4;--accent-c: #db2777;--ring: #4f46e555;--card: rgba(255,255,255,.85)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,sans-serif;color:var(--text);background:radial-gradient(1200px 800px at 120% -20%,#22d3ee10 0%,transparent 60%),radial-gradient(1000px 700px at -10% 120%,#7c3aed12 0%,transparent 70%),conic-gradient(from 220deg at 70% 10%,#0000,#0000,#0000 30%,#f472b616 35%,#0000 40% 100%),var(--bg);transition:background .6s ease,color .25s ease}.container{max-width:1200px;margin:0 auto;padding:0 24px}a{color:inherit;text-decoration:none}@media (max-width: 600px){.home{display:flex!important;flex-direction:column-reverse}}nav.sticky{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,rgba(0,0,0,.45),transparent);border-bottom:1px solid var(--surface)}.brand{font-weight:800;letter-spacing:.4px;font-size:1.1rem}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.8rem 1.1rem;border-radius:999px;border:1px solid var(--surface);background:var(--card);transition:transform .25s ease,box-shadow .25s ease,border .25s ease;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px #00000030;border-color:var(--ring)}.btn-primary{background:linear-gradient(135deg,var(--accent-a),var(--accent-b));color:#fff;border-color:transparent}.card{background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.section{padding:90px 0}.section h2{font-size:2.4rem;margin:0 0 14px}.mute{color:var(--muted)}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 980px){.grid.two,.grid.three{grid-template-columns:1fr}}.ring{position:relative;width:360px;height:360px;border-radius:50%;background:radial-gradient(closest-side,#0000 78%,#ffffff0d,#0000 82%),conic-gradient(from 0deg,var(--accent-a),var(--accent-b),var(--accent-c),var(--accent-a));filter:drop-shadow(0 35px 60px #00000055);animation:spin 15s linear infinite}.ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:linear-gradient(135deg,#111,#111),url(/profile.svg) center/cover no-repeat;box-shadow:inset 0 0 0 1px #fff2}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tilt{transform-style:preserve-3d;transform:perspective(1000px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .12s ease}.tilt>*{transform:translateZ(40px)}.badges{display:flex;flex-wrap:wrap;gap:8px}.badge{padding:.45rem .7rem;border-radius:999px;border:1px dashed var(--surface);background:var(--card);font-size:.9rem}hr.soft{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--surface),transparent);margin:36px 0}