*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--text-primary:#2d3748;--text-secondary:#718096;--accent:#3fb4bd;--accent-hover:#359ca4;--border-color:#e2e8f0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}section{max-width:1200px;margin:0 auto;padding:6rem 5%;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.hero{padding-top:8rem}.hero h1{font-size:4rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.hero .subtitle{font-size:1.5rem}.hero .subtitle,.hero p{color:var(--text-secondary);margin-bottom:2rem}.hero p{font-size:1.1rem;max-width:600px}.cta-button{display:inline-block;padding:1rem 2rem;background:var(--accent);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all 0.3s}.cta-button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 10px 30px rgba(63,180,189,0.3)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.section-title{font-size:2.5rem;margin-bottom:2rem;color:var(--accent)}.about-text p{margin-bottom:1rem;color:var(--text-secondary)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.skill-category{background:var(--bg-secondary);padding:2rem;border-radius:12px;border:1px solid var(--border-color);transition:all 0.3s}.skill-category:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 10px 30px rgba(63,180,189,0.15)}.skill-category h3{color:var(--accent);margin-bottom:1rem;font-size:1.2rem}.skill-category ul{list-style:none}.skill-category li{color:var(--text-secondary);padding:0.5rem 0;border-bottom:1px solid var(--border-color)}.skill-category li:last-child{border-bottom:none}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.project-card{background:var(--bg-secondary);border-radius:12px;overflow:hidden;border:1px solid var(--border-color);transition:all 0.3s}.project-card:hover{transform:translateY(-10px);border-color:var(--accent);box-shadow:0 20px 40px rgba(63,180,189,0.15)}.project-image{width:100%;height:200px;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:3rem}.project-card:nth-child(2) .project-image{background:var(--accent);opacity:0.9}.project-card:nth-child(3) .project-image{background:var(--accent);opacity:0.95}.project-content{padding:2rem}.project-content h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.3rem}.project-content p{color:var(--text-secondary);margin-bottom:1rem}.project-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem}.tag{background:rgba(63,180,189,0.1);color:var(--accent);padding:0.3rem 0.8rem;border-radius:20px;font-size:0.85rem;border:1px solid rgba(63,180,189,0.2)}.project-links{display:flex;gap:1rem}.project-link{color:var(--accent);text-decoration:none;font-size:0.9rem;transition:color 0.3s}.project-link:hover{color:var(--accent-hover)}.contact-content{max-width:600px;margin:0 auto;text-align:center}.contact-content p{color:var(--text-secondary);margin-bottom:2rem}.contact-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.contact-link{display:flex;align-items:center;gap:0.5rem;color:var(--text-secondary);text-decoration:none;transition:all 0.3s;padding:1rem 1.5rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.contact-link:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-3px);box-shadow:0 5px 15px rgba(63,180,189,0.15)}@media (max-width:768px){.hero h1{font-size:2.5rem}.hero .subtitle{font-size:1.2rem}.about-content{grid-template-columns:1fr}.nav-links{gap:1rem}.projects-grid{grid-template-columns:1fr}section{padding:4rem 5%}}