:root{--color-primary:#0a0a0a;--color-secondary:#1a1a1a;--color-accent:#3b82f6;--color-accent-hover:#2563eb;--color-text:#fff;--color-text-muted:#9ca3af;--color-text-dim:#6b7280;--color-border:#ffffff1a;--color-glass:#ffffff08;--color-glass-border:#ffffff0d;--gradient-primary:linear-gradient(to right, #3b82f6, #8b5cf6, #ec4899);--spacing-section:6rem;--spacing-container:72rem;--shadow-accent:0 0 20px #3b82f64d;background-color:var(--color-primary);color:var(--color-text)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-primary);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}section{padding:var(--spacing-section) 1rem;position:relative}.container{max-width:var(--spacing-container);margin:0 auto}.glass{background:var(--color-glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-glass-border)}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.btn{cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.75rem 2rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:hover{background-color:var(--color-accent-hover);transform:scale(1.05)}.btn-glass{background:var(--color-glass);color:#fff;border:1px solid var(--color-glass-border)}.btn-glass:hover{background:#ffffff1a;transform:scale(1.05)}h2{font-size:2rem;font-weight:700}@media (width>=768px){h2{font-size:2.5rem}}.navbar{z-index:50;justify-content:center;padding:1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.navbar-container{border-radius:9999px;align-items:center;gap:2rem;padding:.75rem 2rem;display:flex}.nav-links{gap:1.5rem;display:flex}.nav-link{color:var(--color-text-muted);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-link:hover{color:var(--color-text)}.nav-divider{background-color:var(--color-border);width:1px;height:1rem}.nav-socials{gap:1rem;display:flex}.social-link{color:var(--color-text-muted);transition:color .3s}.social-link:hover{color:var(--color-text)}@media (width<=640px){.nav-links{display:none}}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;overflow:hidden}.hero-content{z-index:10}.hero-welcome{color:var(--color-accent);letter-spacing:.2em;text-transform:uppercase;margin-bottom:1rem;font-weight:500}.hero-title{margin-bottom:1rem;font-size:3rem;font-weight:700}.hero-subtitle{color:var(--color-text-muted);justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;font-size:1.25rem;font-weight:500;display:flex}.hero-subtitle .separator{color:var(--color-accent);opacity:.5}@media (width<=640px){.hero-subtitle{flex-direction:column;gap:.5rem}.hero-subtitle .separator{display:none}}@media (width>=768px){.hero-title{font-size:4.5rem}}.hero-description{color:var(--color-text-muted);max-width:42rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.7}@media (width>=768px){.hero-description{font-size:1.25rem}}.hero-actions{justify-content:center;gap:1rem;display:flex}.hero-scroll-indicator{color:var(--color-text-dim);cursor:pointer;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.about-grid{grid-template-columns:1fr;align-items:center;gap:4rem;display:grid}@media (width>=1024px){.about-grid{grid-template-columns:1fr 1fr}}.about-title{margin-bottom:2rem}.about-text{color:var(--color-text-muted);flex-direction:column;gap:1.5rem;display:flex}.about-stats{gap:1.5rem;margin-top:2.5rem;display:flex}.stat-item{text-align:center}.stat-number{color:var(--color-text);font-size:1.875rem;font-weight:700}.stat-label{color:var(--color-text-dim);font-size:.875rem}.stat-divider{background-color:var(--color-border);align-self:center;width:1px;height:2.5rem}.education-section{flex-direction:column;gap:2rem;display:flex}.section-subtitle{align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;display:flex}.edu-list{flex-direction:column;gap:1.5rem;display:flex}.edu-card{border-radius:1rem;padding:1.5rem}.edu-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.edu-degree{color:var(--color-text);font-size:1.125rem;font-weight:700}.edu-year{color:var(--color-accent);font-size:.875rem;font-weight:500}.edu-school{color:var(--color-text-muted);margin-bottom:.5rem;font-size:.875rem}.edu-description{color:var(--color-text-dim);font-size:.875rem;font-style:italic}.skills-section{background-color:#1a1a1a4d}.skills-header{text-align:center;margin-bottom:4rem}.header-text{color:var(--color-text-muted);max-width:42rem;margin:0 auto}.skills-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.skills-grid{grid-template-columns:repeat(4,1fr)}}.skill-card{border-radius:1rem;padding:2rem;transition:all .3s}.skill-card:hover{border-color:#3b82f64d}.skill-icon-container{width:3rem;height:3rem;color:var(--color-accent);background-color:#3b82f61a;border-radius:.75rem;justify-content:center;align-items:center;margin-bottom:1.5rem;transition:all .3s;display:flex}.skill-card:hover .skill-icon-container{background-color:var(--color-accent);color:#fff}.skill-name{margin-bottom:1rem;font-size:1.25rem;font-weight:700}.skill-items{flex-direction:column;gap:.5rem;list-style:none;display:flex}.skill-item{color:var(--color-text-muted);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.skill-dot{background-color:var(--color-accent);border-radius:9999px;width:.25rem;height:.25rem}.experience-container{max-width:56rem;margin:0 auto}.experience-header{text-align:center;margin-bottom:4rem}.experience-header p{color:var(--color-text-muted)}.experience-list{flex-direction:column;gap:3rem;display:flex}.experience-item{border-left:2px solid #3b82f633;padding-left:2rem;transition:all .3s;position:relative}.experience-item:hover{border-left-color:#3b82f680}.experience-dot{border:2px solid var(--color-primary);background-color:#3b82f633;border-radius:9999px;width:1rem;height:1rem;transition:all .3s;position:absolute;top:0;left:-9px;box-shadow:0 0 15px #3b82f680}.experience-item:hover .experience-dot{background-color:var(--color-accent)}.experience-card{border-radius:1rem;padding:2rem}.experience-card-header{flex-direction:column;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;display:flex}@media (width>=768px){.experience-card-header{flex-direction:row;align-items:center}}.experience-role{color:var(--color-text);margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.experience-company{color:var(--color-accent);font-weight:500}.experience-period{color:var(--color-accent);background-color:#3b82f61a;border:1px solid #3b82f633;border-radius:9999px;width:fit-content;padding:.375rem 1rem;font-size:.875rem;font-weight:500}.experience-description{color:var(--color-text-muted);margin-bottom:1.5rem;line-height:1.6}.achievement-list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.achievement-item{color:var(--color-text-muted);align-items:flex-start;gap:.75rem;font-size:.875rem;display:flex}.achievement-bullet{background-color:var(--color-accent);border-radius:9999px;flex-shrink:0;width:.375rem;height:.375rem;margin-top:.375rem}.projects-header{text-align:center;margin-bottom:4rem}.projects-header p{color:var(--color-text-muted);max-width:42rem;margin:0 auto}.projects-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{border-radius:1rem;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.project-card:hover{cursor:pointer;border-color:#3b82f64d}.project-image-container{height:12rem;position:relative;overflow:hidden}.project-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card:hover .project-image{transform:scale(1.1)}.project-overlay{opacity:0;background-color:#0006;justify-content:center;align-items:center;gap:1rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-card:hover .project-overlay{opacity:1}.overlay-link{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background-color:#ffffff1a;border-radius:9999px;padding:.5rem;transition:background-color .3s}.overlay-link:hover{background-color:var(--color-accent)}.project-info{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.project-title{margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.project-description{color:var(--color-text-muted);flex-grow:1;margin-bottom:1.5rem;font-size:.875rem}.project-tech{flex-wrap:wrap;gap:.5rem;display:flex}.tech-tag{color:var(--color-accent);background-color:#3b82f61a;border:1px solid #3b82f633;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem}.contact-section{overflow:hidden}.contact-glow{filter:blur(120px);z-index:-10;background-color:#3b82f61a;border-radius:9999px;width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-header{text-align:center;margin-bottom:4rem}.contact-header p{color:var(--color-text-muted);max-width:42rem;margin:0 auto}.contact-grid{grid-template-columns:1fr;gap:3rem;display:grid}@media (width>=1024px){.contact-grid{grid-template-columns:repeat(2,1fr)}}.contact-info{flex-direction:column;gap:2rem;display:flex}.info-card{border-radius:1rem;align-items:flex-start;gap:1.5rem;padding:2rem;display:flex}.info-icon-container{width:3rem;height:3rem;color:var(--color-accent);background-color:#3b82f61a;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-content h3{margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.info-content p,.contact-link{color:var(--color-text-muted);text-decoration:none;transition:color .3s}.contact-link:hover{color:var(--color-accent)}.info-subtext{color:var(--color-text-dim);margin-top:.25rem;font-size:.875rem}.contact-form-container{border-radius:1.5rem;padding:2rem}@media (width>=768px){.contact-form-container{padding:2.5rem}}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-row{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.form-row{grid-template-columns:repeat(2,1fr)}}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--color-text-muted);margin-left:.25rem;font-size:.875rem;font-weight:500}.form-input,.form-textarea{color:#fff;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;width:100%;padding:.75rem 1rem;transition:border-color .3s}.form-input:focus,.form-textarea:focus{border-color:var(--color-accent);outline:none}.form-textarea{resize:none}.submit-btn{background-color:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-weight:700;transition:all .3s;display:flex}.submit-btn:hover:not(:disabled){background-color:var(--color-accent-hover);transform:scale(1.02)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.status-success{color:#10b981;text-align:center;margin-top:1rem;font-size:.875rem}.status-error{color:#ef4444;text-align:center;margin-top:1rem;font-size:.875rem}.app-wrapper{background-color:var(--color-primary);min-height:100vh;color:var(--color-text);position:relative}.footer{text-align:center;color:var(--color-text-dim);border-top:1px solid var(--color-border);padding:2rem 0;font-size:.875rem}