*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#020617;color:#f1f5f9;line-height:1.6}.app{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.nav{position:fixed;top:0;width:100%;background-color:#020617cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #334155;z-index:50}.nav-container{max-width:1200px;margin:0 auto;padding:0 1rem}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo{font-size:1.25rem;font-weight:700;color:#3b82f6}.nav-links{display:none;gap:2rem}.nav-link{background:none;border:none;color:#cbd5e1;cursor:pointer;font-size:1rem;transition:color .3s ease}.nav-link:hover{color:#3b82f6}@media (min-width: 768px){.nav-links{display:flex}}.hero{padding:8rem 1rem 5rem;text-align:center}.hero-content{max-width:1200px;margin:0 auto}.hero-avatar{width:8rem;height:8rem;margin:0 auto 2rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1.5rem}.name-first{color:#f1f5f9}.name-last{color:#3b82f6}.hero-subtitle{font-size:1.25rem;color:#cbd5e1;margin-bottom:2rem;max-width:48rem;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center}@media (min-width: 640px){.hero-buttons{flex-direction:row;justify-content:center}}@media (min-width: 768px){.hero-title{font-size:4.5rem}.hero-subtitle{font-size:1.5rem}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;border:none}.btn-primary{background-color:#2563eb;color:#fff}.btn-primary:hover{background-color:#1d4ed8}.btn-secondary{background-color:transparent;color:#cbd5e1;border:1px solid #475569}.btn-secondary:hover{background-color:#1e293b}.btn-outline{background-color:transparent;color:#cbd5e1;border:1px solid #475569;padding:.5rem 1rem;font-size:.875rem}.btn-outline:hover{background-color:#374151}.about{padding:5rem 1rem;background-color:#0f172a80}.section-title{font-size:2.25rem;font-weight:700;text-align:center;margin-bottom:3rem}.accent{color:#3b82f6}.about-grid{display:grid;gap:3rem;align-items:center}.about-image{order:2}.image-placeholder{width:100%;height:16rem;background:linear-gradient(135deg,#1e293b,#374151);border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#3b82f6;text-align:center;padding:1rem}.image-placeholder p{color:#94a3b8;margin-top:1rem;font-size:.875rem}.about-text{order:1}.about-text p{font-size:1.125rem;color:#cbd5e1;margin-bottom:1.5rem}.about-tags{display:flex;gap:1rem}.tag{display:flex;align-items:center;gap:.5rem;color:#cbd5e1}.tag svg{color:#3b82f6}@media (min-width: 768px){.about-grid{grid-template-columns:1fr 1fr}.about-image{order:1}.about-text{order:2}.section-title{font-size:3rem}}.skills{padding:5rem 1rem}.skills-grid{display:grid;gap:2rem}.skill-category{text-align:center}.skill-icon{width:4rem;height:4rem;background-color:#2563eb;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff}.skill-category h3{font-size:1.25rem;font-weight:600;color:#3b82f6;margin-bottom:1rem}.skill-badges{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.badge{background-color:#1e293b;color:#cbd5e1;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}@media (min-width: 768px){.skills-grid{grid-template-columns:repeat(4,1fr)}}.projects{padding:5rem 1rem;background-color:#0f172a80}.projects-grid{display:grid;gap:2rem}.project-card{background-color:#1e293b;border:1px solid #374151;border-radius:.5rem;overflow:hidden;transition:border-color .3s ease}.project-card:hover{border-color:#3b82f6}.project-image{width:100%;height:12rem;background:linear-gradient(135deg,#374151,#4b5563);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#3b82f6;text-align:center;padding:1rem}.project-image p{color:#94a3b8;margin-top:.5rem;font-size:.75rem}.project-content{padding:1.5rem}.project-title{font-size:1.25rem;font-weight:600;color:#f1f5f9;margin-bottom:.5rem}.project-description{color:#cbd5e1;margin-bottom:1rem;font-size:.875rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-badge{border:1px solid #3b82f6;color:#3b82f6;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem}.project-buttons{display:flex;gap:1rem}@media (min-width: 768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.contact{padding:5rem 1rem}.contact-content{text-align:center;max-width:64rem;margin:0 auto}.contact-subtitle{font-size:1.25rem;color:#cbd5e1;margin-bottom:3rem}.contact-buttons{display:flex;flex-direction:column;gap:1.5rem;align-items:center}@media (min-width: 640px){.contact-buttons{flex-direction:row;justify-content:center}}.footer{padding:2rem 1rem;border-top:1px solid #334155;text-align:center}.footer p{color:#94a3b8}@media (max-width: 767px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.section-title{font-size:2rem}}