:root{--bg: #0f172a;--card: #020617;--primary: #38bdf8;--text: #e5e7eb;--muted: #94a3b8}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:linear-gradient(180deg,#020617,#0f172a);color:var(--text);line-height:1.6}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(closest-side at 10% 20%,rgba(96,165,250,.06),transparent 20%),radial-gradient(closest-side at 85% 80%,rgba(56,189,248,.04),transparent 18%),radial-gradient(closest-side at 50% 10%,rgba(99,102,241,.03),transparent 22%);mix-blend-mode:overlay;opacity:.95;animation:bgFloat 22s linear infinite}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'><g fill='%23a5b4fc' fill-opacity='0.06'><circle cx='18' cy='24' r='3'/><rect x='60' y='20' width='6' height='6' rx='1'/><circle cx='120' cy='40' r='2.5'/><rect x='160' y='60' width='4' height='4' rx='1'/></g><g fill='%2366d3fa' fill-opacity='0.03'><path d='M30 140h6v6h-6z'/><circle cx='90' cy='160' r='2'/></g></svg>");background-repeat:repeat;background-size:320px 320px;opacity:.9;mix-blend-mode:screen;transform:translateZ(0);animation:symbolsDrift 36s linear infinite}@keyframes symbolsDrift{0%{transform:translateZ(0) rotate(0)}50%{transform:translate3d(12px,-8px,0) rotate(2deg)}to{transform:translateZ(0) rotate(0)}}@keyframes bgFloat{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(-20px,10px,0) scale(1.02)}to{transform:translateZ(0) scale(1)}}section,.navbar,.contact-container,.about__content,.hero{position:relative;z-index:1}a{color:var(--primary);text-decoration:none}section{max-width:1100px;margin:auto}.navbar{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#020617cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #1e293b}.nav-links a{margin-left:24px;font-weight:500}.hero{padding:120px 20px 80px;text-align:center}.hero h1{font-size:3rem;margin-bottom:20px}.hero p{max-width:650px;margin:auto;color:var(--muted);font-size:1.1rem}.hero__photo{width:220px;height:220px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 20px}.about{padding:60px 20px;text-align:left}.about h2{font-size:2rem;margin-bottom:12px;text-align:center}.about__content{max-width:900px;margin:0 auto}.about p{color:var(--muted);margin-bottom:16px;line-height:1.6}.about__list{list-style:none;padding:0;margin:0;display:flex;gap:12px;justify-content:center}.about__list li{background:#00000008;padding:8px 12px;border-radius:6px;color:var(--muted)}.project-card{background:#020617b3;border:1px solid #1e293b;border-radius:14px;padding:24px;transition:transform .2s ease,border .2s ease;scroll-snap-align:start;flex:0 0 calc(50% - 12px)}.project-card:hover{transform:translateY(-6px);border-color:var(--primary)}.project-card.clickable{cursor:pointer}.project-card h3{margin-bottom:12px}.project-card p{color:var(--muted);margin-bottom:14px}.project-card span{font-size:.85rem;color:var(--primary)}@media(max-width:600px){.project-card{flex:0 0 100%}}.projects{padding:80px 20px}.projects h2{font-size:2rem;margin-bottom:40px}.projects-grid{display:flex;gap:24px;overflow-x:auto;overflow-y:visible;padding:12px 0 8px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;align-items:flex-start}.projects-grid::-webkit-scrollbar{height:10px}.projects-grid::-webkit-scrollbar-thumb{background:#0000001f;border-radius:6px}.contact-section{padding:60px 20px}.contact-container{max-width:1100px;margin:0 auto;background:var(--card);padding:28px;border-radius:10px;box-shadow:0 6px 18px #02061799;color:var(--text)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.contact-left .muted{color:var(--muted);margin-bottom:18px}.contact-info{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.contact-info a{color:var(--primary)}.contact-form label{display:block;margin-bottom:12px;font-size:14px;color:var(--text)}.contact-form input,.contact-form textarea{width:100%;padding:10px 12px;margin-top:6px;border:1px solid rgba(255,255,255,.06);background:transparent;border-radius:6px;font-size:14px;color:var(--text)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#e5e7eb80}.contact-form textarea{min-height:140px;resize:vertical}.contact-actions{margin-top:12px}.btn-primary{padding:10px 16px;border:none;cursor:pointer;border-radius:6px;background:linear-gradient(90deg,var(--primary),#60a5fa);color:var(--card);font-weight:600}.status{margin-top:12px;padding:10px 12px;border-radius:6px;font-size:14px}.status.success{background:#22c55e1f;color:#bbf7d0}.status.error{background:#ef444414;color:#fecaca}@media(max-width:880px){.contact-grid{grid-template-columns:1fr}}.footer{text-align:center;padding:60px 20px;border-top:1px solid #1e293b;color:var(--muted)}