*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-card: linear-gradient(135deg, #eff6ff 0%, #d1fae5 100%);--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border-color: #e5e7eb;--gradient-from: #2563eb;--gradient-to: #14b8a6;--shadow: rgba(0, 0, 0, .1);--hover-scale: 1.05}body.dark-mode{--bg-primary: #111827;--bg-secondary: #1f2937;--bg-card: linear-gradient(135deg, #1f2937 0%, #374151 100%);--text-primary: #ffffff;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--border-color: #374151;--shadow: rgba(0, 0, 0, .3)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}html{scroll-behavior:smooth}.hidden{display:none!important}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.gradient-text{background:linear-gradient(to right,var(--gradient-from),var(--gradient-to));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav{position:fixed;top:0;width:100%;background-color:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;box-shadow:0 1px 3px var(--shadow);transition:background-color .3s ease}body.dark-mode .nav{background-color:#111827cc}.nav-container{max-width:1280px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;background:linear-gradient(to right,var(--gradient-from),var(--gradient-to));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;gap:2rem}.nav-link{color:var(--text-primary);text-decoration:none;font-weight:500;transition:all .3s ease;position:relative}.nav-link:hover{color:var(--gradient-from)}body.dark-mode .nav-link:hover{color:var(--gradient-to)}.nav-link.active{color:var(--gradient-from);font-weight:600}body.dark-mode .nav-link.active{color:var(--gradient-to)}.theme-toggle{padding:.5rem;border-radius:.5rem;background-color:var(--bg-secondary);border:none;cursor:pointer;transition:all .3s ease;color:var(--text-primary)}.theme-toggle:hover{background-color:var(--border-color)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eff6ff,#d1fae5);padding-top:5rem;transition:background .3s ease}body.dark-mode .hero{background:linear-gradient(135deg,#111827,#1f2937)}.hero-content{text-align:center;animation:fadeIn 1s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.hero-subtitle{font-size:1.5rem;color:var(--text-secondary);margin-bottom:1rem}.hero-description{font-size:1.125rem;color:var(--text-tertiary);max-width:42rem;margin:0 auto 3rem}.cta-button{padding:1rem 2rem;background:linear-gradient(to right,var(--gradient-from),var(--gradient-to));color:#fff;border:none;border-radius:9999px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px var(--shadow)}.cta-button:hover{transform:scale(1.05);box-shadow:0 10px 15px var(--shadow)}.section{padding:5rem 0;background-color:var(--bg-primary);transition:background-color .3s ease}.section-alt{background-color:var(--bg-secondary)}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:4rem;color:var(--text-primary)}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.about-column{display:flex;flex-direction:column;gap:1.5rem}.card{background:var(--bg-card);padding:2rem;border-radius:1rem;transition:all .3s ease}.card-hover:hover{transform:translateY(-5px);box-shadow:0 20px 25px var(--shadow)}.card-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.card-text{color:var(--text-secondary);line-height:1.7}.tags-container{display:flex;flex-wrap:wrap;gap:.75rem}.tag{padding:.5rem 1rem;background-color:var(--bg-primary);border-radius:9999px;font-size:.875rem;font-weight:500;color:var(--text-primary);box-shadow:0 1px 3px var(--shadow);transition:all .3s ease;cursor:default}.tag-hover:hover{transform:scale(1.05);box-shadow:0 4px 6px var(--shadow);background:linear-gradient(to right,var(--gradient-from),var(--gradient-to));color:#fff}.interests-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.interest-item{padding:.75rem 1rem;background-color:var(--bg-primary);border-radius:.5rem;font-size:.875rem;color:var(--text-primary);text-align:center;box-shadow:0 1px 3px var(--shadow);transition:all .3s ease;cursor:default}.interest-hover:hover{transform:scale(1.05);background:linear-gradient(to right,var(--gradient-from),var(--gradient-to));color:#fff}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:64rem;margin:0 auto}.skill-card{background-color:var(--bg-primary);padding:1.5rem;border-radius:1rem;transition:all .3s ease;box-shadow:0 1px 3px var(--shadow)}.skill-card:hover{transform:scale(1.05);box-shadow:0 10px 15px var(--shadow)}.skill-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.skill-name-container{display:flex;align-items:center;gap:.75rem}.skill-emoji{font-size:1.5rem;transition:transform .3s ease}.skill-card:hover .skill-emoji{transform:scale(1.1)}.skill-name{font-weight:600;color:var(--text-primary)}.skill-percentage{color:var(--gradient-from);font-weight:600}body.dark-mode .skill-percentage{color:var(--gradient-to)}.skill-bar-container{width:100%;background-color:var(--border-color);border-radius:9999px;height:.75rem;overflow:hidden}.skill-bar{height:100%;background:linear-gradient(to right,var(--gradient-from),var(--gradient-to));border-radius:9999px;transition:width 1s ease-out}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:80rem;margin:0 auto}.project-card{background:var(--bg-card);border-radius:1rem;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 6px var(--shadow)}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 25px var(--shadow)}.project-content{padding:2rem}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.project-header svg{color:var(--gradient-from);transition:all .3s ease}body.dark-mode .project-header svg{color:var(--gradient-to)}.project-card:hover .project-header svg{transform:scale(1.1)}.project-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.project-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.project-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(to right,var(--gradient-from),var(--gradient-to));color:#fff;border:none;border-radius:9999px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.project-button:hover{box-shadow:0 10px 15px var(--shadow);transform:scale(1.02)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:64rem;margin:0 auto}.contact-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact-item{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--bg-primary);border-radius:.5rem;transition:all .3s ease;text-decoration:none;box-shadow:0 1px 3px var(--shadow)}.contact-item:hover{box-shadow:0 10px 15px var(--shadow);transform:translateY(-2px)}.contact-icon{color:var(--gradient-from);flex-shrink:0;transition:all .3s ease}body.dark-mode .contact-icon{color:var(--gradient-to)}.contact-item:hover .contact-icon{transform:scale(1.1);color:var(--gradient-to)}body.dark-mode .contact-item:hover .contact-icon{color:var(--gradient-from)}.contact-label{font-size:.875rem;color:var(--text-tertiary)}.contact-value{color:var(--text-primary);font-weight:500}.social-links{display:flex;gap:1rem;padding-top:1rem}.social-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;text-decoration:none;font-weight:500;transition:all .3s ease;color:#fff}.social-button svg{transition:transform .3s ease}.social-button:hover svg{transform:scale(1.1)}.social-github{background-color:#1f2937}body.dark-mode .social-github{background-color:#374151}.social-github:hover{background-color:#111827;box-shadow:0 10px 15px var(--shadow)}body.dark-mode .social-github:hover{background-color:#1f2937}.social-instagram{background:linear-gradient(to right,#9333ea,#ec4899)}.social-instagram:hover{background:linear-gradient(to right,#7e22ce,#db2777);box-shadow:0 10px 15px var(--shadow)}.contact-form-container{background-color:var(--bg-primary);padding:2rem;border-radius:1rem;box-shadow:0 4px 6px var(--shadow)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-group input,.form-group textarea{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background-color:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:all .3s ease}body.dark-mode .form-group input,body.dark-mode .form-group textarea{background-color:var(--bg-secondary)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--gradient-from);box-shadow:0 0 0 3px #2563eb1a}body.dark-mode .form-group input:focus,body.dark-mode .form-group textarea:focus{border-color:var(--gradient-to);box-shadow:0 0 0 3px #14b8a61a}.form-group textarea{resize:vertical}.submit-button{width:100%;padding:1rem 2rem;background:linear-gradient(to right,var(--gradient-from),var(--gradient-to));color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-button:hover{box-shadow:0 10px 15px var(--shadow);transform:scale(1.02)}.footer{padding:2rem 0;background-color:var(--bg-primary);border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);transition:all .3s ease}@media (max-width: 768px){.nav-links{display:none}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.25rem}.section-title{font-size:2rem}.about-grid,.skills-grid,.projects-grid,.contact-grid{grid-template-columns:1fr}.social-links{flex-direction:column}}@media (min-width: 768px){.hero-title{font-size:4rem}}