.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-2xl) 0;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 20s infinite ease-in-out}.orb-1{width:500px;height:500px;background:var(--primary-gradient);top:-10%;left:-10%;animation-delay:0s}.orb-2{width:400px;height:400px;background:var(--accent-gradient);bottom:-10%;right:-10%;animation-delay:-7s}.orb-3{width:350px;height:350px;background:linear-gradient(135deg,#667eea 0,#f093fb 100%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s}@keyframes float{0%,100%{transform:translate(0,0) rotate(0)}33%{transform:translate(30px,-50px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.hero-content{position:relative;z-index:1;text-align:center;max-width:900px;padding:0 var(--space-lg)}.hero-title{font-size:var(--text-6xl);font-weight:800;line-height:1.1;margin-bottom:var(--space-lg);letter-spacing:-.03em}.rotating-text{display:inline-block;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.rotating-text::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--primary-gradient);transform:scaleX(0);transform-origin:right;animation:underline 1s ease-out forwards;animation-delay:.8s}@keyframes underline{to{transform:scaleX(1);transform-origin:left}}.hero-subtitle{font-size:var(--text-xl);color:var(--textcolor2);margin-bottom:var(--space-2xl);line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-3xl)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:var(--text-base);font-weight:600;border-radius:var(--radius-full);transition:all var(--transition-base);cursor:pointer;border:none;text-decoration:none;position:relative;overflow:hidden}.btn::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover::before{width:300px;height:300px}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 15px rgba(102,126,234,.4)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.6)}.btn-secondary{background:var(--card-bg);backdrop-filter:blur(20px);color:var(--textcolor);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--surface-elevated);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-large{padding:var(--space-lg) var(--space-2xl);font-size:var(--text-lg)}.btn i{transition:transform var(--transition-base)}.btn:hover i{transform:translateX(4px)}.hero-stats{display:flex;justify-content:center;gap:var(--space-2xl);flex-wrap:wrap;padding:var(--space-xl);background:var(--card-bg);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.stat-item{text-align:center}.stat-number{font-size:var(--text-4xl);font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:var(--space-xs)}.stat-label{font-size:var(--text-sm);color:var(--textcolor2);font-weight:500}.stat-divider{width:1px;background:var(--border-color)}.scroll-indicator{position:absolute;bottom:var(--space-2xl);left:50%;transform:translateX(-50%)}.mouse{width:26px;height:40px;border:2px solid var(--textcolor2);border-radius:15px;display:flex;justify-content:center;padding-top:8px}.wheel{width:4px;height:8px;background:var(--textcolor2);border-radius:2px;animation:scroll 1.5s infinite}@keyframes scroll{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(12px)}}.about-section{padding:var(--space-4xl) 0;background:var(--surface-bg);position:relative}.section-header{text-align:center;margin-bottom:var(--space-3xl)}.section-tag{display:inline-block;padding:var(--space-xs) var(--space-md);background:var(--card-bg);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--primary-color);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.section-title{font-size:var(--text-4xl);font-weight:800;margin-bottom:var(--space-md)}.about-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-3xl);align-items:start}.about-text .lead{font-size:var(--text-lg);line-height:1.8;color:var(--textcolor2);margin-bottom:var(--space-2xl)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.skill-card{padding:var(--space-xl);background:var(--card-bg);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:all var(--transition-base)}.skill-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.skill-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);border-radius:var(--radius-lg);margin-bottom:var(--space-md)}.skill-icon i{font-size:var(--text-2xl);color:#fff}.skill-card h3{font-size:var(--text-lg);margin-bottom:var(--space-xs)}.skill-card p{font-size:var(--text-sm);color:var(--textcolor2);margin:0}.about-stats{display:flex;flex-direction:column;gap:var(--space-lg)}.stats-card{padding:var(--space-lg);background:var(--card-bg);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden}.stats-card img{width:100%;border-radius:var(--radius-md)}.tech-stack{padding:var(--space-4xl) 0;overflow:hidden}.tech-marquee{margin-top:var(--space-2xl);overflow:hidden;background:var(--card-bg);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl) 0}.marquee-content{display:flex;gap:var(--space-2xl);animation:marquee 20s linear infinite;width:fit-content}.marquee-content:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.tech-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);background:var(--surface-elevated);border-radius:var(--radius-full);font-size:var(--text-lg);font-weight:600;white-space:nowrap;box-shadow:var(--shadow-md)}.tech-item i{font-size:var(--text-2xl);background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-section{padding:var(--space-4xl) 0;background:var(--backgroundcolor);position:relative;overflow:hidden}.cta-section::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:var(--primary-gradient);border-radius:50%;filter:blur(100px);opacity:.15;z-index:0}.cta-content{position:relative;z-index:1;text-align:center;padding:var(--space-4xl) var(--space-2xl);background:var(--card-bg);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl)}.cta-content h2{font-size:var(--text-4xl);margin-bottom:var(--space-md)}.cta-content p{font-size:var(--text-xl);color:var(--textcolor2);margin-bottom:var(--space-2xl)}@media (max-width:1024px){.about-content{grid-template-columns:1fr;gap:var(--space-2xl)}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.hero{min-height:90vh;padding:var(--space-xl) 0}.hero-title{font-size:var(--text-4xl)}.hero-subtitle{font-size:var(--text-lg)}.hero-cta{flex-direction:column}.btn{width:100%;justify-content:center}.hero-stats{gap:var(--space-lg);padding:var(--space-lg)}.stat-divider{display:none}.section-title{font-size:var(--text-3xl)}.skills-grid{grid-template-columns:1fr}.tech-item{font-size:var(--text-base);padding:var(--space-sm) var(--space-lg)}.cta-content h2{font-size:var(--text-3xl)}.cta-content p{font-size:var(--text-lg)}}@media (max-width:480px){.hero-badge{padding:var(--space-xs) var(--space-md);font-size:var(--text-xs)}.hero-title{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-base)}.stat-number{font-size:var(--text-2xl)}.gradient-orb{filter:blur(60px)}.orb-1{width:300px;height:300px}.orb-2{width:250px;height:250px}.orb-3{width:200px;height:200px}}