.app{min-height:100vh;background:#f3f2ef}.navbar{position:fixed;top:0;left:0;right:0;background:#fff;z-index:1000;padding:1rem 2rem;border-bottom:1px solid #e0e0e0;transition:all .3s ease}.navbar.scrolled{box-shadow:0 4px 20px #0066cc26;padding:.75rem 2rem}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.5rem;font-weight:700;color:#06c}.nav-links{display:flex;gap:2rem}.nav-links a{color:#06c;text-decoration:none;transition:color .3s;font-weight:600}.nav-links a:hover{color:#f60}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:6rem 2rem 2rem}.hero-content{max-width:800px;animation:fadeInUp 1s ease-out}.hero-title{font-size:4rem;font-weight:700;margin-bottom:1rem;color:#06c}.hero-subtitle{font-size:2rem;font-weight:600;color:#000;margin-bottom:.5rem;white-space:nowrap}.hero-location{font-size:1.25rem;color:#333;margin-bottom:2rem}.hero-social{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.hero-social a{color:#fff;text-decoration:none;padding:.75rem 1.5rem;background:#06c;border:none;border-radius:.5rem;transition:all .3s;font-weight:600}.hero-social a:hover{background:#f60;transform:translateY(-2px)}.main{max-width:1200px;margin:0 auto;padding:4rem 2rem}.container{max-width:1000px;margin:0 auto}.section{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out;margin-bottom:6rem}.section.visible{opacity:1;transform:translateY(0)}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:#06c;text-align:center}.about-content{background:#06c;padding:2rem;border-radius:.5rem;color:#fff}.about-content p{font-size:1.1rem;line-height:1.8;color:#fff;margin-bottom:1rem}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.skill-category{background:#06c;padding:1.5rem;border-radius:.5rem;color:#fff;aspect-ratio:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left}.skill-category-title{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:1rem}.skill-tags{display:flex;flex-direction:column;gap:.5rem;justify-content:flex-start;width:100%}.skill-tag{background:transparent;color:#fff;padding:.4rem 0;border-radius:0;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.5);text-align:left}.projects-grid{display:grid;gap:2rem}.project-card{background:#06c;padding:2rem;border-radius:.5rem;transition:transform .3s,box-shadow .3s}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0003}.project-name{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1rem}.project-description{color:#fff;line-height:1.6;margin-bottom:1rem}.project-technologies{color:#e0e0e0;font-size:.9rem;margin-bottom:1rem}.project-link{display:inline-block;color:#fff;text-decoration:none;margin-bottom:1rem;transition:color .3s;font-weight:600}.project-link:hover{color:#f60}.project-achievements{list-style:none;padding:0}.project-achievements li{color:#fff;padding:.5rem 0 .5rem 1.5rem;position:relative}.project-achievements li:before{content:"→";position:absolute;left:0;color:#f60}.certifications-list{display:grid;gap:1rem}.certification-item{display:flex;align-items:center;gap:1rem;background:#06c;padding:1.5rem;border-radius:.5rem;color:#fff}.certification-icon{font-size:2rem}.certification-name{font-size:1.25rem;font-weight:600;color:#fff}.contact-content{text-align:center}.contact-text{font-size:1.25rem;color:#000;line-height:1.8;margin-bottom:2rem;font-weight:500}.contact-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.contact-button{padding:1rem 2rem;border-radius:.5rem;text-decoration:none;font-weight:600;transition:transform .3s,box-shadow .3s}.contact-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.contact-button.primary{background:#06c;color:#fff}.contact-button.secondary{background:#06c;color:#fff;border:none}.footer{text-align:center;padding:2rem;color:#333;border-top:1px solid #e0e0e0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.5rem;white-space:normal}.nav-links{gap:1rem}.nav-links a{font-size:.9rem}.section-title{font-size:2rem}.skills-grid{grid-template-columns:1fr}.contact-links{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}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:#f3f2ef;color:#000}code{font-family:Courier New,monospace}