:root{--bg:#070b1a;--bg-soft:#0e1531;--text:#e7ecff;--muted:#a7b4de;--primary:#6c7bff;--secondary:#38d3ff;--card:rgba(14,21,49,0.75);--border:rgba(129,153,255,0.24)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at 20% 10%,#1c2458,var(--bg) 42%);color:var(--text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;scroll-behavior:smooth}a{color:inherit;text-decoration:none}.site{width:min(1120px,92%);margin:0 auto;padding:3rem 0 5rem;position:relative}.bg-orb{position:fixed;width:320px;height:320px;border-radius:50%;filter:blur(80px);z-index:-1;animation:float 8s ease-in-out infinite}.bg-orb-1{top:-120px;right:4%;background:rgba(58,186,255,.2)}.bg-orb-2{bottom:-140px;left:2%;background:rgba(123,84,255,.2);animation-delay:-2.3s}.section{margin-top:2.5rem}.hero{min-height:82vh;display:flex;flex-direction:column;justify-content:center;gap:1rem}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;width:-moz-fit-content;width:fit-content;border:1px solid var(--border);border-radius:999px;padding:.45rem .8rem;background:rgba(13,21,47,.75);color:var(--secondary);font-size:.9rem}.hero h1{margin:0;font-size:clamp(2rem,8vw,4.6rem);line-height:1.05}.hero h1 span{display:block;margin-top:.55rem;background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-copy{max-width:640px;color:var(--muted);font-size:1.1rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem}.btn{display:inline-flex;align-items:center;gap:.4rem;border-radius:12px;border:1px solid transparent;padding:.78rem 1rem;font-weight:600;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#02040a;box-shadow:0 8px 24px rgba(94,118,255,.35)}.btn-ghost{border-color:var(--border);background:rgba(11,17,41,.7)}.card{border:1px solid var(--border);border-radius:20px;background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.35rem}.card h2,.section-title{margin-top:0;margin-bottom:1rem;font-size:1.6rem}.card p{color:var(--muted);line-height:1.7}.about-grid{display:grid;grid-template-columns:220px 1fr;grid-gap:1rem;gap:1rem;align-items:start}.about-image-wrap{border:1px solid var(--border);border-radius:16px;background:rgba(11,17,41,.65);padding:.5rem}.about-image{width:100%;border-radius:12px;display:block;object-fit:cover}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.project-card{border:1px solid var(--border);border-radius:20px;overflow:hidden;background:var(--card);transition:transform .28s ease,border-color .28s ease}.project-card:hover{transform:translateY(-6px);border-color:rgba(124,154,255,.5)}.project-image-wrap{display:block;overflow:hidden;background:rgba(6,10,24,.8);border-bottom:1px solid var(--border)}.project-image{width:100%;height:260px;object-fit:contain;object-position:center;transition:transform .45s ease}.project-card:hover .project-image{transform:scale(1.04)}.project-content{padding:1rem}.project-content h3{margin:0 0 .5rem}.project-content p{margin:.35rem 0;color:var(--muted)}.meta{font-size:.9rem}.text-link{display:inline-flex;align-items:center;gap:.25rem;margin-top:.6rem;color:var(--secondary)}.project-links{display:flex;flex-wrap:wrap;gap:.75rem}.text-link--muted{color:var(--muted);font-size:.92rem}.contact{text-align:center}.skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.85rem;gap:.85rem}.skill-item{border:1px solid var(--border);border-radius:12px;padding:.7rem;background:rgba(11,17,41,.45)}.skill-head{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.92rem}.skill-track{width:100%;height:8px;border-radius:999px;background:rgba(138,152,213,.2);overflow:hidden}.skill-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--secondary))}.timeline{display:grid;grid-gap:.85rem;gap:.85rem}.timeline-item{border-left:3px solid rgba(124,154,255,.6);padding-left:.75rem}.timeline-item h3{margin:0;font-size:1.05rem}.timeline-item p{margin:.35rem 0 0}.contact-form{max-width:640px;margin:.85rem auto 0;display:grid;grid-gap:.7rem;gap:.7rem}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--border);background:rgba(11,17,41,.7);color:var(--text);border-radius:12px;padding:.75rem}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#9ba9d6}.contact-form .btn{justify-content:center}.success-text{margin:0;color:#8cf3c8}.social-links{margin-top:1rem;display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}.social-link{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .8rem;border-radius:10px;border:1px solid var(--border);background:rgba(11,17,41,.7);transition:transform .2s ease,border-color .2s ease}.social-link:hover{transform:translateY(-2px);border-color:rgba(124,154,255,.5)}@media (max-width:900px){.about-grid,.projects-grid,.skills-grid{grid-template-columns:1fr}.about-image-wrap{max-width:280px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(15px)}}