.navbar{position:fixed;top:0;left:0;right:0;z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(148,163,184,.12);transition:.2s ease,border-color .2s ease,transform .2s ease}.navbar.scrolled{background:#020617a6;transform:translateZ(0)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{font-weight:800;letter-spacing:.3px;color:#fff;text-decoration:none;font-size:18px}.brand span{color:var(--brand)}.menu{display:flex;gap:20px;align-items:center}.menu a{color:var(--text);text-decoration:none;font-weight:600;padding:8px 10px;border-radius:10px}.menu a:hover{background:#94a3b81f}.menu a.cta{background:var(--brand);color:#fff}.menu a.cta:hover{background:var(--brand-2)}.hamburger{display:none;background:transparent;border:0;width:40px;height:40px;padding:8px;border-radius:10px}.hamburger:hover{background:#94a3b81f}.hamburger span{display:block;height:2px;margin:6px 0;background:var(--text);transition:transform .2s ease,opacity .2s ease}.hamburger.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width: 860px){.hamburger{display:inline-block}.menu{position:absolute;top:60px;right:16px;left:16px;flex-direction:column;gap:8px;padding:12px;border-radius:14px;background:#020617e6;border:1px solid rgba(148,163,184,.15);display:none}.menu.open{display:flex}}.hero-wrap{padding:40px;display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center;border-radius:20px}.hero-text .kicker{color:var(--brand);font-weight:700;margin:0 0 6px}.hero-text h1{font-size:clamp(32px,5vw,52px);margin:0 0 10px}.hero-text h1 span{color:var(--brand)}.hero-text .sub{color:var(--muted);margin:0 0 18px}.actions{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.badges{display:flex;gap:10px;list-style:none;padding:0;margin:12px 0 0;flex-wrap:wrap}.badges li{background:#38bdf81f;color:#cbefff;padding:6px 10px;border-radius:999px;font-size:14px;border:1px solid rgba(56,189,248,.25)}.hero-art{position:relative;height:320px}.hero-art .blob{position:absolute;inset:20% 10% 10% 0;background:radial-gradient(circle at 30% 30%,#38bdf880,#0ea5e926 60%),linear-gradient(180deg,rgba(14,165,233,.25),transparent);border-radius:30px;filter:blur(1px)}.hero-art .ring{position:absolute;inset:10% 0 0 40%;border-radius:999px;border:2px dashed rgba(148,163,184,.25);animation:spin 18s linear infinite}.hero-art .dots{position:absolute;bottom:12px;right:8px;width:259px;height:264px;border-radius:50%;background-image:url(./h-CP_5SKDH.png),radial-gradient(rgba(56,189,248,.5) 2px,transparent 2px);background-size:379px 290px;background-position:center;background-repeat:no-repeat;opacity:.6}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 940px){.hero-wrap{grid-template-columns:1fr}.hero-art{order:-1;height:220px}}.about{grid-template-columns:1.1fr 1fr}.about-card{padding:24px}.facts,.bullets{margin:0;padding-left:18px}.facts li,.bullets li{margin:8px 0}@media (max-width: 900px){.about{grid-template-columns:1fr}}.skills{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.skill{padding:16px}.skill .row{display:flex;align-items:center;justify-content:space-between}.bar{position:relative;height:10px;background:#94a3b833;border-radius:999px;overflow:hidden;margin-top:10px}.bar span{position:absolute;left:0;top:0;bottom:0;width:0%;background:linear-gradient(90deg,var(--brand),var(--brand-2));border-radius:999px;animation:grow 1.2s ease forwards}@keyframes grow{to{width:var(--w, 100%)}}.projects{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.project .thumb{height:170px;overflow:hidden;border-radius:16px 16px 0 0}.project .thumb img{width:100%;height:100%;object-fit:cover;display:block}.project .body{padding:14px 16px 18px}.tags{display:flex;gap:8px;list-style:none;padding:0;margin:10px 0 14px;flex-wrap:wrap}.tags li{font-size:12px;padding:4px 8px;background:#94a3b824;border:1px solid rgba(148,163,184,.18);border-radius:999px}.actions{display:flex;gap:10px}.contact{grid-template-columns:1fr 1.1fr;gap:24px}.info{padding:24px}.form{padding:20px;display:grid;gap:14px}label{display:grid;gap:6px;font-weight:600}input,textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(148,163,184,.22);background:#02061780;color:var(--text)}input:focus,textarea:focus{outline:2px solid rgba(56,189,248,.35);border-color:#38bdf880}.status{margin:6px 2px 0;color:var(--accent);font-weight:600}.list{margin:10px 0 0;padding-left:18px}@media (max-width: 900px){.contact{grid-template-columns:1fr}}.footer{padding:20px 0 34px;border-top:1px solid rgba(148,163,184,.15);margin-top:40px}.footer .row{display:flex;align-items:center;justify-content:space-between;gap:16px}.footer p{margin:0;color:var(--muted)}.footer .links{display:flex;gap:14px;list-style:none;margin:0;padding:0}.footer .links a{color:var(--text);text-decoration:none}.footer .links a:hover{color:var(--brand)}@media (max-width: 700px){.footer .row{flex-direction:column}}:root{--bg: #0f172a;--bg-2: #0b1224;--card: #111827;--text: #e5e7eb;--muted: #94a3b8;--brand: #38bdf8;--brand-2: #0ea5e9;--accent: #22c55e;--danger: #ef4444;--shadow: 0 10px 30px rgba(0,0,0,.25)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(1200px 600px at 80% -10%,rgba(56,189,248,.15),transparent 60%),radial-gradient(1000px 500px at 20% 110%,rgba(14,165,233,.12),transparent 60%),linear-gradient(180deg,var(--bg),var(--bg-2));line-height:1.6;scroll-behavior:smooth}main{display:block}.container{width:min(1100px,92%);margin:0 auto}.section{padding:80px 0}.section h2{font-size:clamp(26px,3vw,36px);margin:0 0 14px;letter-spacing:.2px}.section p.lead{color:var(--muted);margin-top:0}.btn{display:inline-block;background:var(--brand);color:#fff;padding:12px 22px;border-radius:10px;text-decoration:none;font-weight:600;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;box-shadow:0 10px 24px #38bdf840}.btn:hover{background:var(--brand-2);transform:translateY(-1px)}.btn.ghost{background:transparent;border:1px solid rgba(56,189,248,.4);color:var(--text);box-shadow:none}.btn.ghost:hover{border-color:var(--brand);color:#fff}.grid{display:grid;gap:20px}.card{background:#111827b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(148,163,184,.15);border-radius:16px;box-shadow:var(--shadow)}.shadow-soft{box-shadow:var(--shadow)}.round-xl{border-radius:16px}.muted{color:var(--muted)}.hr{height:1px;background:#94a3b826;margin:20px 0}@media (max-width: 768px){.section{padding:60px 0}}