.header{position:fixed;top:0;width:100%;background:#020617e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000}.container{max-width:1100px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{color:#38bdf8;font-size:2rem;font-weight:700}.nav{display:flex;gap:1.5rem}.nav a{color:#e5e7eb;text-decoration:none;font-size:.95rem;transition:.3s}.nav a:hover{color:#38bdf8}@media(max-width:768px){.container{flex-direction:column;gap:12px}.nav a{font-size:1.1rem}}.home{min-height:100vh}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:0 2rem;background:linear-gradient(135deg,#0f172a,#020617);color:#fff}.hero-content{max-width:700px;text-align:center}.hero h1{font-size:3rem;line-height:1.2;margin-bottom:1rem}.hero h1 span{color:#38bdf8;font-size:2.2rem}.hero p{font-size:1.1rem;color:#cbd5f5;margin-bottom:2rem}.hero-buttons{display:flex;justify-content:center;gap:1rem}.btn{padding:.8rem 1.6rem;border-radius:8px;font-weight:500;text-decoration:none;transition:.3s}.btn.primary{background:#38bdf8;color:#020617}.btn.primary:hover{background:#0ea5e9}.btn.outline{border:2px solid #38bdf8;color:#38bdf8}.btn.outline:hover{background:#38bdf8;color:#020617}@media(max-width:600px){.hero h1{font-size:2.2rem}.hero h1 span{font-size:1.7rem}.hero-buttons{flex-direction:column}}.project-card{background:#020617;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0006;transition:transform .3s}.project-card:hover{transform:translateY(-6px)}.project-card img{width:100%;height:180px;object-fit:cover}.project-content{padding:1rem}.project-content h3{color:#38bdf8;margin-bottom:.5rem}.project-content p{color:#cbd5f5;font-size:.9rem}.techs{display:flex;flex-wrap:wrap;gap:.4rem;margin:.8rem 0}.techs span{background:#0f172a;color:#38bdf8;font-size:.75rem;padding:.3rem .6rem;border-radius:6px}.links{display:flex;justify-content:space-between}.links a{color:#38bdf8;text-decoration:none;font-weight:500}.projects{padding:6rem 2rem;background:#020617;min-height:100vh}.projects h2{text-align:center;font-size:2.2rem;margin-bottom:3rem;color:#fff}.projects-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}@media(max-width:500px){.projects{padding:4rem 1rem}.projects h2{font-size:1.8rem}}.about{padding:80px 20px;background:#0f172a}.about-container{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:50px;flex-wrap:wrap}.about-photo{width:250px;height:320px;object-fit:cover;border-radius:50%;border:4px solid #38bdf8;transition:transform .3s ease}.about-photo:hover{transform:scale(1.05)}.about-text{flex:1;color:#e5e7eb}.about-text h2{font-size:2rem;margin-bottom:20px;color:#38bdf8}.about-text p{line-height:1.7;margin-bottom:15px;font-size:1rem}.about-text strong{color:#38bdf8}.footer{background-color:#020617;padding:60px 20px;color:#e5e7eb}.footer-container{max-width:1100px;margin:0 auto;text-align:center}.footer h3{color:#38bdf8;font-size:1.4rem;margin-bottom:8px}.footer p{font-size:.95rem;margin-bottom:20px;color:#cbd5f5}.footer-links{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.footer-links a{color:#38bdf8;font-weight:500;text-decoration:none;transition:.3s}.footer-links a:hover{text-decoration:underline}.footer span{font-size:.8rem;color:#94a3b8}@media(max-width:500px){.footer-links{gap:12px}}*{margin:0;padding:0;box-sizing:border-box}