.hero{text-align:center;background:var(--gradient-primary);color:var(--text-white);border-radius:0 0 var(--border-radius-xl) var(--border-radius-xl);margin:0 -1em;padding:6rem 0;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle at 20%,#7877c64d 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0%,#0000 50%),radial-gradient(circle at 40% 80%,#78dbff4d 0%,#0000 50%);animation:15s ease-in-out infinite float;position:absolute;inset:0}.hero:after{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");animation:8s linear infinite twinkle;position:absolute;inset:0}@keyframes float{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(30px,-30px)rotate(120deg)}66%{transform:translate(-20px,20px)rotate(240deg)}}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:.8}}.hero-content{z-index:1;max-width:var(--container-max-width);padding:0 var(--container-padding);margin:0 auto;position:relative}.hero h1{background:var(--gradient-text);-webkit-text-fill-color:transparent;text-shadow:var(--shadow-glow);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:4rem;font-weight:800}.hero .subtitle{opacity:.95;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.3rem;font-weight:400;line-height:1.6}.tech-stack{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.5rem;display:flex}.tech-badge{background:var(--glass-bg-hover);-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);border:1px solid var(--glass-border);color:var(--text-white);border-radius:var(--border-radius-pill);transition:var(--transition-normal);box-shadow:var(--shadow-sm);padding:.75rem 1.5rem;font-size:.9rem;font-weight:600}.tech-badge:hover{background:var(--glass-bg-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.about-section{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-medium);backdrop-filter:var(--blur-medium);border-radius:var(--border-radius-xl);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-border);color:var(--text-white);margin:4rem 0;padding:4rem 2rem}.about-section h2{color:var(--text-white);text-align:center;margin-bottom:1.5rem;font-size:2.5rem;font-weight:700}.about-section p{opacity:.9;text-align:center;max-width:800px;margin:0 auto 1.5rem;font-size:1.1rem;line-height:1.8}.projects-grid{max-width:var(--container-max-width);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem auto;display:grid}.container,.main-content,.section-wrapper{max-width:var(--container-max-width);padding:0 var(--container-padding);margin:0 auto}.section-title{color:var(--text-white);text-align:center;background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:3rem;font-size:2.5rem;font-weight:700}.project-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur-medium);backdrop-filter:var(--blur-medium);border-radius:var(--border-radius-lg);border:1px solid var(--glass-border);transition:var(--transition-normal);box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-border);padding:2.5rem;position:relative;overflow:hidden}.project-card:before{content:"";background:var(--gradient-primary);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;height:4px;position:absolute;top:0;left:0;right:0}.project-card:hover{box-shadow:var(--glass-shadow-hover), inset 0 1px 0 var(--glass-border-strong);background:var(--glass-bg-hover);transform:translateY(-8px)}.project-card h3{color:var(--text-white);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.4rem;font-weight:600;display:flex}.project-icon{filter:drop-shadow(0 2px 4px #0000001a);flex-shrink:0;width:32px;height:32px}.project-card p{color:var(--text-white-90);margin-bottom:1.5rem;font-size:1rem;line-height:1.7}.project-tags{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.tag{background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);color:var(--text-white);border-radius:var(--border-radius-lg);border:1px solid var(--glass-border-strong);transition:var(--transition-fast);padding:.5rem 1rem;font-size:.85rem;font-weight:500}.tag:hover{background:#ffffff4d;transform:translateY(-1px)}.cta-section{text-align:center;background:var(--gradient-primary);color:var(--text-white);border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;margin:4rem -1em -3em;padding:4rem 2rem;position:relative;overflow:hidden}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 70% 30%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 30% 70%,#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.cta-section h2{z-index:1;margin-bottom:1rem;font-size:2.5rem;font-weight:700;position:relative}.cta-section p{opacity:.9;z-index:1;max-width:600px;margin:0 auto 2rem;font-size:1.1rem;position:relative}.cta-actions{z-index:1;margin-top:2rem;position:relative}.cta-button{background:var(--glass-bg-hover);-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);color:var(--text-white);border-radius:var(--border-radius-pill);transition:var(--transition-normal);border:2px solid var(--glass-border-strong);z-index:1;margin:.5rem;padding:1.2rem 2.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-block;position:relative}.cta-button:hover{background:var(--glass-bg-strong);box-shadow:var(--shadow-lg);border-color:#ffffff80;transform:translateY(-3px)}.cta-button.primary{background:#8b5cf6cc;border-color:#8b5cf699}.cta-button.primary:hover{background:#8b5cf6;border-color:#8b5cf6cc}@media (width<=768px){.hero{margin:0 -1em;padding:4rem 1rem}.hero h1{font-size:2.5rem}.hero .subtitle{margin-bottom:2rem;font-size:1.1rem}.about-section{margin:2rem .5rem;padding:3rem 1.5rem}.about-section h2{font-size:2rem}.about-section p{font-size:1rem}.tech-stack{gap:.8rem;margin-top:2rem}.tech-badge{padding:.6rem 1.2rem;font-size:.85rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.project-card{padding:2rem}.section-title{font-size:2rem}.cta-section{margin:4rem -1em -3em;padding:3rem 1.5rem}.cta-section h2{font-size:2rem}.cta-section p{font-size:1rem}}@media (width<=480px){.hero{margin:0 -1em;padding:3rem .5rem}.hero h1{font-size:2rem}.hero .subtitle{margin-bottom:1.5rem;font-size:1rem}.about-section{margin:1.5rem .25rem;padding:2rem 1rem}.about-section h2{font-size:1.8rem}.tech-stack{gap:.5rem}.tech-badge{padding:.5rem 1rem;font-size:.8rem}.projects-grid{gap:1rem;padding:0 .5rem}.project-card{padding:1.5rem}.project-card h3{font-size:1.2rem}.project-card p{font-size:.9rem}.section-title{font-size:1.8rem}.cta-section{padding:2.5rem 1rem}.cta-section h2{font-size:1.8rem}.cta-button{margin:.25rem;padding:1rem 2rem;font-size:1rem}}@media (width>=1400px){.projects-grid{grid-template-columns:repeat(2,1fr);max-width:1400px}.about-section{max-width:var(--container-max-width);margin:4rem auto}.hero-content{max-width:var(--container-max-width);margin:0 auto}}