:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#f5f7ff;background:#070b14;line-height:1.5;--container-padding: 1.5rem}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 10% -10%,#1d2f68,#070b1400 70%),radial-gradient(900px 500px at 95% 10%,#3f1a69,#070b1400 65%),#070b14}.container{width:min(1100px,100% - var(--container-padding) * 2);margin-inline:auto}.hero{padding:5rem 0 4rem;position:relative}h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;margin-bottom:1rem}.lead{max-width:60ch;color:#c2c9df}.btn{text-decoration:none;font-weight:600;padding:.75rem 1.2rem;border-radius:.7rem;display:inline-block;margin-top:1.2rem;transition:all .2s ease}.btn.primary{background:linear-gradient(90deg,#5e7bff,#8f6bff);color:#fff}.btn.primary:hover{transform:translateY(-2px)}.btn.ghost{border:1px solid #405184;color:#dce3ff}.btn.ghost:hover{background:#ffffff0d}.section{padding:3rem 0}h2{font-size:clamp(1.4rem,2.5vw,2rem);margin-bottom:1.2rem}.grid{display:grid;gap:1.2rem}.cols-2{grid-template-columns:1fr}.project-card{border:1px solid #2a3557;background:#0c111fd9;border-radius:1rem;padding:1.4rem;transition:all .25s ease}.project-card:hover{border-color:#5e7bff;transform:translateY(-4px)}.project-card h3{margin-top:0}.tech-list{margin-top:1rem;margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.tech{font-size:.8rem;padding:.35rem .6rem;border-radius:999px;border:1px solid #405184;color:#c9d2ff}.tech-grid{display:flex;flex-wrap:wrap;gap:.6rem}.footer{padding:3rem 0 5rem}.footer p{color:#c2c9df;max-width:60ch}.profile-photo{width:180px;height:180px;border-radius:50%;object-fit:cover;display:block;margin:2rem auto 0}.github-card{border:1px solid #2a3557;background:#0c111fd9;border-radius:1rem;padding:1.4rem;max-width:600px}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.contact-card{border:1px solid #2a3557;background:#0c111fd9;border-radius:1rem;padding:1.2rem;transition:all .25s ease}.contact-card:hover{border-color:#5e7bff;transform:translateY(-3px)}.contact-card h3{margin-top:0;font-size:.95rem;color:#aab6ff}.contact-card a{color:#f5f7ff;text-decoration:none;font-weight:500}.contact-card a:hover{color:#8f6bff}@media (max-width: 900px){.contact-grid{grid-template-columns:1fr}}@media (min-width: 640px){.hero{padding:6rem 0 5rem}.profile-photo{width:200px;height:200px}}@media (min-width: 768px){.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-photo{position:absolute;right:0;top:20px;width:220px;height:220px}}@media (min-width: 1100px){.profile-photo{width:250px;height:250px}}