:root{--primary-color:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--secondary-color:#ec4899;--secondary-light:#f472b6;--accent-color:#14b8a6;--bg-primary:#0f0f1e;--bg-secondary:#1a1a2e;--bg-tertiary:#16213e;--bg-card:rgba(26,26,46,0.6);--bg-glass:rgba(255,255,255,0.05);--text-primary:#ffffff;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-accent:#a78bfa;--gradient-primary:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-secondary:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--gradient-accent:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);--gradient-warm:linear-gradient(135deg,#fa709a 0%,#fee140 100%);--gradient-cool:linear-gradient(135deg,#30cfd0 0%,#330867 100%);--gradient-hero:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);--nav-surface:rgba(15,16,32,0.75);--nav-surface-strong:rgba(10,12,24,0.92);--nav-border:rgba(255,255,255,0.08);--nav-shadow:0 25px 45px rgba(5,8,20,0.55);--loader-blue:#2684ff;--loader-glow:rgba(38,132,255,0.45);--loader-bg:#050608;--border-color:rgba(255,255,255,0.1);--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:20px;--border-radius-xl:30px;--shadow-sm:0 2px 8px rgba(0,0,0,0.1);--shadow-md:0 4px 20px rgba(0,0,0,0.2);--shadow-lg:0 10px 40px rgba(0,0,0,0.3);--shadow-xl:0 20px 60px rgba(0,0,0,0.4);--shadow-glow:0 0 30px rgba(99,102,241,0.3);--font-primary:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-heading:'Outfit','Inter',sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--transition-fast:0.2s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--z-header:1000;--z-modal:2000;--z-tooltip:3000;}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;font-size:16px;width:100%;max-width:100%;overflow-x:hidden;}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.6;color:var(--text-secondary);background-color:var(--bg-primary);overflow-x:hidden;max-width:100%;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}body.scroll-locked{overflow:hidden;touch-action:none;}main{flex:1 0 auto;width:100%;margin:0 auto;}footer{margin-top:auto;}::-webkit-scrollbar{width:10px;}::-webkit-scrollbar-track{background:var(--bg-secondary);}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px;}::-webkit-scrollbar-thumb:hover{background:var(--primary-light);}::selection{background-color:var(--primary-color);color:var(--text-primary);}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--text-primary);margin-bottom:var(--spacing-sm);}h1{font-size:var(--font-size-5xl);}h2{font-size:var(--font-size-4xl);}h3{font-size:var(--font-size-3xl);}h4{font-size:var(--font-size-2xl);}h5{font-size:var(--font-size-xl);}h6{font-size:var(--font-size-lg);}p{margin-bottom:var(--spacing-sm);}a{color:var(--primary-light);text-decoration:none;transition:color var(--transition-fast);}a:hover{color:var(--primary-color);}img{max-width:100%;height:auto;display:block;}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);}.section-header{text-align:center;margin-bottom:var(--spacing-3xl);}.section-tag{display:inline-block;font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--primary-light);background:var(--bg-glass);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);margin-bottom:var(--spacing-sm);backdrop-filter:blur(10px);}.section-title{font-size:var(--font-size-4xl);background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-md);}.section-description{font-size:var(--font-size-lg);color:var(--text-muted);max-width:600px;margin:0 auto;}.btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:600;font-family:var(--font-heading);border-radius:var(--border-radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;z-index:1;}.btn::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0) 100%);opacity:0;transition:opacity var(--transition-base);z-index:-1;}.btn:hover::before{opacity:1;}.btn-primary{background:var(--gradient-primary);color:var(--text-primary);box-shadow:0 4px 15px rgba(99,102,241,0.4);}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(99,102,241,0.6);color:#000;}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:2px solid var(--border-color);backdrop-filter:blur(10px);}.btn-secondary:hover{border-color:var(--primary-color);background:rgba(99,102,241,0.1);color:white;transform:translateY(-2px);}.btn-outline{background:transparent;color:var(--text-primary);border:2px solid var(--primary-color);}.btn-outline:hover{background:var(--primary-color);color:white;transform:translateY(-2px);box-shadow:0 4px 15px rgba(99,102,241,0.4);}.header{position:fixed;top:0;left:0;width:100%;background:linear-gradient(115deg,rgba(4,6,12,0.92) 0%,rgba(12,14,30,0.88) 55%,rgba(20,15,40,0.85) 100%);backdrop-filter:blur(26px);border-bottom:1px solid rgba(255,255,255,0.04);z-index:var(--z-header);transition:transform var(--transition-base),background var(--transition-base),box-shadow var(--transition-base);box-shadow:0 15px 45px rgba(3,4,10,0.65);}.header.scrolled{background:linear-gradient(115deg,rgba(6,8,16,0.96),rgba(10,10,24,0.96));box-shadow:0 20px 50px rgba(3,4,10,0.8);}.nav-container{display:flex;justify-content:space-between;align-items:center;gap:clamp(var(--spacing-xs),2vw,var(--spacing-lg));width:100%;max-width:100%;margin:0;padding:clamp(0.65rem,1.5vw,1.1rem) clamp(0.85rem,2.5vw,1.8rem);}.logo a{display:inline-flex;align-items:center;gap:0.65rem;font-size:clamp(1.35rem,2vw,1.8rem);font-weight:800;font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-0.04em;}.logo-text{text-transform:none;}.logo-dot{color:var(--primary-light);font-size:clamp(1.4rem,2.2vw,2.1rem);line-height:0.5;text-shadow:0 0 12px rgba(99,102,241,0.8);}.logo-icon-wrapper{width:48px;height:48px;border-radius:12px;background:rgba(255,255,255,0.08);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(5,6,14,0.35);border:1px solid rgba(255,255,255,0.08);overflow:hidden;}.logo-icon{width:32px;height:32px;object-fit:contain;}.nav-menu{flex:1;display:flex;align-items:center;justify-content:center;list-style:none;gap:clamp(0.85rem,2vw,1.8rem);padding:0.35rem;margin:0;border-radius:999px;background:var(--nav-surface);border:1px solid var(--nav-border);box-shadow:var(--nav-shadow);backdrop-filter:blur(24px);position:relative;}.nav-menu::after{content:'';position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,0.04);pointer-events:none;mix-blend-mode:screen;}.nav-item{position:relative;}.nav-link{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0.35rem;width:100%;font-size:clamp(0.83rem,0.75rem+0.3vw,0.98rem);font-weight:600;letter-spacing:0.05em;text-transform:uppercase;color:var(--text-secondary);padding:0.65rem 1.4rem;border-radius:999px;transition:color var(--transition-fast),transform var(--transition-fast);overflow:hidden;}.nav-link::before{content:'';position:absolute;inset:2px;border-radius:inherit;background:linear-gradient(120deg,rgba(99,102,241,0.18),rgba(76,29,149,0.35));opacity:0;transform:scale(0.85);transition:opacity var(--transition-base),transform var(--transition-base);}.nav-link span{position:relative;z-index:1;}.nav-link::after{content:'';position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:16px;height:3px;border-radius:999px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base),width var(--transition-base);z-index:1;}.nav-link:hover,.nav-link.active{color:var(--text-primary);transform:translateY(-1px);}.nav-link:hover::before,.nav-link.active::before{opacity:1;transform:scale(1);}.nav-link:hover::after,.nav-link.active::after{opacity:1;width:26px;}@media (max-width:1200px){.nav-container{padding:var(--spacing-sm) var(--spacing-lg);}.nav-menu{gap:var(--spacing-sm);padding:0.2rem;}.nav-link{padding:0.55rem 1.1rem;letter-spacing:0.04em;}}.nav-toggle{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:var(--spacing-xs);}.nav-toggle .hamburger,.nav-toggle .hamburger::before,.nav-toggle .hamburger::after{display:block;width:25px;height:2px;background:var(--text-primary);border-radius:999px;transition:all var(--transition-base);content:'';}.nav-toggle .hamburger{position:relative;}.nav-toggle .hamburger::before{position:absolute;top:-8px;left:0;}.nav-toggle .hamburger::after{position:absolute;bottom:-8px;left:0;}body::after{content:'';position:fixed;inset:0;background:rgba(0,0,0,0.7);opacity:0;pointer-events:none;transition:opacity var(--transition-base);z-index:calc(var(--z-header) - 1);}body.menu-open::after{opacity:1;pointer-events:auto;}.nav-menu.active{right:0;}.nav-toggle.active .hamburger{background:transparent;}.nav-toggle.active .hamburger::before,.nav-toggle.active .hamburger::after{top:0;bottom:auto;}.nav-toggle.active .hamburger::before{transform:rotate(45deg);}.nav-toggle.active .hamburger::after{transform:rotate(-45deg);}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-md);overflow:hidden;}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.3;animation:float 20s ease-in-out infinite;}.orb-1{width:500px;height:500px;background:var(--gradient-primary);top:-10%;right:-10%;animation-delay:0s;}.orb-2{width:400px;height:400px;background:var(--gradient-secondary);bottom:-10%;left:-10%;animation-delay:5s;}.orb-3{width:300px;height:300px;background:var(--gradient-accent);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s;}@keyframes float{0%,100%{transform:translate(0,0) scale(1);}25%{transform:translate(30px,-30px) scale(1.1);}50%{transform:translate(-20px,20px) scale(0.9);}75%{transform:translate(20px,30px) scale(1.05);}}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-xl);align-items:center;max-width:1200px;width:100%;}@media (min-width:768px){.hero-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-3xl);}}.hero-text{animation:fadeInUp 1s ease-out;}.hero-greeting{font-size:var(--font-size-xl);color:var(--text-muted);margin-bottom:var(--spacing-xs);}.hero-title{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:var(--spacing-md);line-height:1.1;}.animated-text{background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-light) 50%,var(--secondary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;background-size:200% 200%;}@keyframes gradientShift{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}.hero-subtitle{font-size:var(--font-size-2xl);color:var(--primary-light);margin-bottom:var(--spacing-lg);min-height:40px;display:flex;align-items:center;}.typing-text{font-weight:600;}.cursor{animation:blink 1s step-end infinite;color:var(--secondary-color);font-weight:300;}@keyframes blink{0%,100%{opacity:1;}50%{opacity:0;}}.hero-description{font-size:var(--font-size-lg);color:var(--text-muted);line-height:1.8;margin-bottom:var(--spacing-xl);max-width:600px;}.hero-cta{display:flex;gap:var(--spacing-md);flex-wrap:wrap;}.hero-visual{animation:fadeInRight 1s ease-out;}.visual-card{position:relative;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);padding:var(--spacing-xl);backdrop-filter:blur(20px);box-shadow:var(--shadow-xl);}.card-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--gradient-primary);border-radius:var(--border-radius-xl);opacity:0.1;z-index:-1;filter:blur(20px);}.code-snippet{background:rgba(0,0,0,0.3);border-radius:var(--border-radius-md);overflow:hidden;}.code-header{display:flex;gap:8px;padding:var(--spacing-sm);background:rgba(0,0,0,0.2);}.code-dot{width:12px;height:12px;border-radius:50%;}.code-dot.red{background:#ff5f56;}.code-dot.yellow{background:#ffbd2e;}.code-dot.green{background:#27c93f;}.code-body{padding:var(--spacing-lg);font-family:'Courier New',monospace;font-size:var(--font-size-sm);line-height:1.8;}.code-keyword{color:#c792ea;}.code-variable{color:#82aaff;}.code-property{color:#f07178;}.code-string{color:#c3e88d;}.scroll-indicator{position:absolute;bottom:var(--spacing-xl);left:50%;transform:translateX(-50%);text-align:center;animation:bounce 2s ease-in-out infinite;}.scroll-indicator a{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);color:var(--text-muted);font-size:var(--font-size-sm);}.mouse{width:24px;height:40px;border:2px solid var(--border-color);border-radius:12px;position:relative;}.wheel{width:4px;height:8px;background:var(--primary-color);border-radius:2px;position:absolute;top:8px;left:50%;transform:translateX(-50%);animation:scroll 2s ease-in-out infinite;}@keyframes scroll{0%{top:8px;opacity:1;}100%{top:20px;opacity:0;}}@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0);}50%{transform:translateX(-50%) translateY(-10px);}}.about-section{padding:var(--spacing-3xl) 0;background:var(--bg-secondary);position:relative;}.about-content{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-xl);align-items:center;}@media (min-width:768px){.about-content{grid-template-columns:1fr 1.5fr;gap:var(--spacing-3xl);}}.about-image{position:relative;}.image-wrapper{position:relative;border-radius:var(--border-radius-xl);overflow:hidden;}.image-wrapper img{width:100%;height:auto;display:block;border-radius:var(--border-radius-xl);transition:transform var(--transition-slow);}.image-wrapper:hover img{transform:scale(1.05);}.image-glow{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:var(--gradient-primary);border-radius:var(--border-radius-xl);opacity:0.2;filter:blur(40px);z-index:-1;}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(99,102,241,0.2) 0%,rgba(236,72,153,0.2) 100%);opacity:0;transition:opacity var(--transition-base);border-radius:var(--border-radius-xl);}.image-wrapper:hover .image-overlay{opacity:1;}.about-text{animation:fadeInLeft 1s ease-out;}.about-heading{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.about-paragraph{font-size:var(--font-size-lg);color:var(--text-muted);line-height:1.8;margin-bottom:var(--spacing-md);}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-xl);}.stat-item{text-align:center;padding:var(--spacing-lg);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);backdrop-filter:blur(10px);transition:all var(--transition-base);}.stat-item:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:0 8px 25px rgba(99,102,241,0.3);}.stat-number{font-size:var(--font-size-4xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-xs);}.stat-number::after{content:'+';}.stat-label{font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;}.skills-section{padding:var(--spacing-3xl) 0;background:var(--bg-primary);}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);}.skill-card{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);backdrop-filter:blur(10px);transition:all var(--transition-base);position:relative;overflow:hidden;}.skill-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base);}.skill-card:hover::before{transform:scaleX(1);}.skill-card:hover{transform:translateY(-10px);border-color:var(--primary-color);box-shadow:0 10px 40px rgba(99,102,241,0.3);}.skill-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-3xl);color:var(--text-primary);transition:transform var(--transition-base);}.skill-card:hover .skill-icon{transform:rotateY(360deg);}.skill-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);color:var(--text-primary);}.skill-description{font-size:var(--font-size-base);color:var(--text-muted);line-height:1.6;margin-bottom:var(--spacing-md);}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);}.tag{display:inline-block;padding:6px 12px;background:rgba(99,102,241,0.1);border:1px solid rgba(99,102,241,0.3);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);color:var(--primary-light);font-weight:500;transition:all var(--transition-fast);}.tag:hover{background:rgba(99,102,241,0.2);border-color:var(--primary-color);transform:translateY(-2px);}.portfolio-section{padding:var(--spacing-3xl) 0;background:var(--bg-secondary);}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:var(--spacing-xl);}.project-card{background:var(--bg-glass);border-radius:50px;}.project-card:hover{transform:translateY(-10px);box-shadow:0 15px 50px rgba(0,0,0,0.4);border-color:var(--primary-color);border-radius:50px;}.project-image{position:relative;overflow:hidden;height:250px;background:var(--bg-tertiary);border-radius:50px;}.project-image img{border-radius:50px;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);}.project-card:hover .project-image img{transform:scale(1.1);border-radius:50px;}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base);}.project-card:hover .project-overlay{opacity:1;}.project-actions{display:flex;gap:var(--spacing-sm);}.project-actions .action-btn{width:48px;height:48px;border:none;border-radius:14px;background:rgba(255,255,255,0.12);backdrop-filter:blur(6px);color:var(--text-primary);font-size:1rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--transition-base),background var(--transition-base);}.project-actions .action-btn:hover{background:var(--primary-color);color:white;transform:translateY(-2px);}.project-links{display:flex;gap:var(--spacing-md);}.project-link{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--bg-glass);border:2px solid var(--border-color);border-radius:50%;color:var(--text-primary);font-size:var(--font-size-lg);backdrop-filter:blur(10px);transition:all var(--transition-base);}.project-link:hover{background:var(--primary-color);border-color:var(--primary-color);color:#000;transform:scale(1.1) rotate(360deg);}.project-content{padding:var(--spacing-lg);}.project-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);}.project-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);color:var(--text-primary);}.project-description{font-size:var(--font-size-base);color:var(--text-muted);line-height:1.6;}.portfolio-cta{text-align:center;margin-top:var(--spacing-2xl);}.testimonials-section{padding:var(--spacing-3xl) 0;background:var(--bg-tertiary);position:relative;}.testimonials-slider{position:relative;max-width:900px;margin:0 auto;padding:0 var(--spacing-xl);}.testimonials-viewport{overflow:hidden;padding:var(--spacing-lg) 0;}.testimonials-wrapper{display:flex;transition:transform 0.5s ease-out;cursor:grab;}.testimonials-wrapper:active{cursor:grabbing;}.testimonial-slide{flex:0 0 100%;padding:0 var(--spacing-md);}.testimonial-card{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);padding:var(--spacing-2xl);text-align:center;position:relative;backdrop-filter:blur(10px);transition:transform var(--transition-base);box-shadow:0 10px 30px rgba(0,0,0,0.2);}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,0.3);border-color:var(--primary-color);}.quote-icon{font-size:2.5rem;color:var(--primary-color);margin-bottom:var(--spacing-lg);opacity:0.5;}.testimonial-text{font-size:var(--font-size-lg);font-style:italic;color:var(--text-primary);line-height:1.8;margin-bottom:var(--spacing-xl);}.testimonial-profile{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);}.client-avatar{width:70px;height:70px;border-radius:50%;overflow:hidden;border:2px solid var(--primary-color);margin-bottom:var(--spacing-xs);}.client-avatar img{width:100%;height:100%;object-fit:cover;}.avatar-placeholder{width:100%;height:100%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:bold;color:white;}.client-name{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);}.client-role{font-size:var(--font-size-sm);color:var(--text-muted);}.client-rating{color:#ffd700;font-size:var(--font-size-sm);letter-spacing:2px;}.testimonial-nav{position:absolute;top:50%;transform:translateY(-50%);width:45px;height:45px;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);z-index:2;}.testimonial-nav:hover{background:var(--primary-color);border-color:var(--primary-color);transform:translateY(-50%) scale(1.1);}.testimonial-nav.prev{left:0;}.testimonial-nav.next{right:0;}.testimonial-dots{display:flex;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);}.testimonial-dot{width:10px;height:10px;border-radius:50%;background:var(--text-muted);border:none;cursor:pointer;transition:all var(--transition-fast);padding:0;opacity:0.3;}.testimonial-dot.active{background:var(--primary-color);transform:scale(1.2);opacity:1;}.loading-slide{width:100%;height:300px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);}@media (max-width:768px){.testimonial-nav{width:35px;height:35px;}.testimonial-text{font-size:var(--font-size-base);}}.contact-section{padding:var(--spacing-3xl) 0;background:var(--bg-primary);position:relative;overflow:hidden;}.contact-cta-wrapper{position:relative;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);padding:var(--spacing-3xl);backdrop-filter:blur(20px);overflow:hidden;}.contact-cta-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}.orb-4{width:400px;height:400px;background:var(--gradient-primary);top:-20%;right:-10%;}.orb-5{width:350px;height:350px;background:var(--gradient-secondary);bottom:-20%;left:-10%;}.contact-cta-content{position:relative;z-index:1;text-align:center;}.contact-cta-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.contact-cta-description{font-size:var(--font-size-lg);color:var(--text-muted);max-width:700px;margin:0 auto var(--spacing-xl);line-height:1.8;}.contact-methods{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl);}@media (min-width:640px){.contact-methods{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg);}}.contact-method{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);backdrop-filter:blur(10px);transition:all var(--transition-base);}.contact-method:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:0 8px 25px rgba(99,102,241,0.3);}.method-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--border-radius-md);font-size:var(--font-size-xl);color:var(--text-primary);flex-shrink:0;}.method-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left;flex:1;min-width:0;}.method-label{font-size:var(--font-size-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;}.method-value{font-size:var(--font-size-base);color:var(--text-primary);font-weight:600;word-break:break-word;overflow-wrap:anywhere;line-height:1.4;}.contact-cta-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;}.footer{position:relative;background:linear-gradient(135deg,#06030b 0%,#120718 65%,#1a0a1c 100%);border-top:1px solid rgba(255,255,255,0.08);padding:var(--spacing-3xl) 0 var(--spacing-lg);overflow:hidden;}.footer::before,.footer::after{content:'';position:absolute;inset:-30% -10%;pointer-events:none;mix-blend-mode:screen;}.footer::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 400'%3E%3Cpath d='M100 350 L200 50 L390 260 L610 50 L700 350' stroke='rgba(255,255,255,0.09)' stroke-width='70' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:120% 120%;background-position:center;opacity:0.32;filter:blur(0.2px);}.footer::after{background:radial-gradient(circle at 20% 30%,rgba(255,255,255,0.12),transparent 50%),radial-gradient(circle at 80% 15%,rgba(124,58,237,0.25),transparent 55%),radial-gradient(circle at 60% 85%,rgba(244,63,94,0.18),transparent 60%),linear-gradient(135deg,rgba(255,255,255,0.03),transparent 60%);opacity:0.4;}.footer>*{position:relative;z-index:1;}.footer-content{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);}.footer-heading{color:#f7f4ff;text-transform:uppercase;letter-spacing:0.08em;font-size:0.95rem;}.footer-list a{color:rgba(236,240,255,0.8);}.footer-list a:hover{color:#fff;padding-left:8px;}.footer-tagline,.footer-list li,.footer-column p,.footer-column a{color:rgba(240,240,255,0.72);}.newsletter-form{display:flex;flex-direction:column;gap:var(--spacing-sm);}.newsletter-input-group{display:flex;align-items:center;gap:8px;background:rgba(14,12,30,0.65);border-radius:14px;padding:8px;border:1px solid rgba(255,255,255,0.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05),0 12px 35px rgba(0,0,0,0.35);}.newsletter-input{flex:1;border:none;background:transparent;color:#f9f7ff;font-size:0.95rem;padding:0.35rem 0.5rem 0.35rem 0.75rem;outline:none;appearance:none;-webkit-appearance:none;background-color:transparent !important;}.newsletter-input:focus{outline:none;background-color:transparent;color:#fff;}.newsletter-input::placeholder{color:rgba(255,255,255,0.55);}.newsletter-btn{border:none;background:var(--primary-color);color:white;border-radius:10px;padding:0.45rem 1.2rem;display:inline-flex;align-items:center;justify-content:center;font-size:0.95rem;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);min-width:44px;}.newsletter-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(99,102,241,0.35);}@media (min-width:640px){.footer-content{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (min-width:1024px){.footer-content{grid-template-columns:1.5fr 1fr 1fr 1fr;}}.footer-brand{max-width:350px;}.footer-logo{font-size:var(--font-size-2xl);font-family:var(--font-heading);font-weight:800;margin-bottom:var(--spacing-sm);}.footer-tagline{color:var(--text-muted);line-height:1.6;}.footer-heading{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);color:var(--text-primary);}.footer-list{list-style:none;}.footer-list li{margin-bottom:var(--spacing-xs);}.footer-list a{color:var(--text-muted);transition:color var(--transition-fast);}.footer-list a:hover{color:var(--primary-light);padding-left:5px;}.social-links{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-glass);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);font-size:var(--font-size-lg);transition:all var(--transition-base);}.social-link:hover{background:var(--primary-color);border-color:var(--primary-color);transform:translateY(-3px) rotate(360deg);box-shadow:0 5px 15px rgba(99,102,241,0.4);}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);flex-wrap:wrap;gap:var(--spacing-md);}.copyright,.footer-credit{color:var(--text-muted);font-size:var(--font-size-sm);}.footer-credit i{color:var(--secondary-color);animation:heartbeat 1.5s ease-in-out infinite;}@keyframes heartbeat{0%,100%{transform:scale(1);}10%,30%{transform:scale(1.1);}20%,40%{transform:scale(1);}}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--gradient-primary);border:none;border-radius:50%;color:var(--text-primary);font-size:var(--font-size-xl);cursor:pointer;opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:999;box-shadow:0 4px 15px rgba(99,102,241,0.4);}.back-to-top.visible{opacity:1;visibility:visible;}.back-to-top:hover{transform:translateY(-5px);box-shadow:0 6px 25px rgba(99,102,241,0.6);}@keyframes loaderProgress{0%{stroke-dashoffset:276.46;}70%{stroke-dashoffset:50;}100%{stroke-dashoffset:-6;}}@keyframes loaderCheck{0%{stroke-dashoffset:100;opacity:0;}20%{opacity:1;}100%{stroke-dashoffset:-7;}}@keyframes loaderFill{0%{opacity:0;transform:scale(0.3);}100%{opacity:0.3;transform:scale(1);}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-30px);}to{opacity:1;transform:translateX(0);}}@keyframes fadeInRight{from{opacity:0;transform:translateX(30px);}to{opacity:1;transform:translateX(0);}}@media (max-width:768px){:root{--font-size-5xl:2.5rem;--font-size-4xl:2rem;--font-size-3xl:1.5rem;}.nav-menu{position:fixed;top:70px;right:-100%;width:280px;height:calc(100vh - 70px);background:rgba(26,26,46,0.98);backdrop-filter:blur(20px);flex-direction:column;padding:var(--spacing-xl);border-left:1px solid var(--border-color);transition:right var(--transition-base);box-shadow:var(--shadow-xl);border-radius:0px;}.nav-menu.active{right:0;}.nav-toggle{display:flex;}.hero-content{margin-top:90px;grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center;}.hero-text{order:1;}.hero-visual{order:2;}.hero-cta{justify-content:center;}.about-content{grid-template-columns:1fr;gap:var(--spacing-xl);}.about-stats{grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);}.stat-item{padding:var(--spacing-md);}.stat-number{font-size:var(--font-size-3xl);}.skills-grid{grid-template-columns:1fr;}.portfolio-grid{grid-template-columns:1fr;}.footer-content{grid-template-columns:1fr;gap:var(--spacing-lg);}.footer-bottom{flex-direction:column;text-align:center;}.contact-cta-wrapper{padding:var(--spacing-xl);}.hero-subtitle{justify-content:center;}}@media (max-width:480px){:root{--spacing-3xl:3rem;--spacing-2xl:2rem;}body{padding-top:80px;}.container{padding:0 var(--spacing-sm);}.hero-section{padding:calc(var(--spacing-2xl)+90px) var(--spacing-sm) var(--spacing-2xl);}.hero-section.modern-hero{padding-top:calc(var(--spacing-2xl)+120px);}.hero-visual{margin-top:var(--spacing-lg);}.hero-title{font-size:2rem;}.hero-subtitle{font-size:var(--font-size-xl);justify-content:center;}.hero-content{margin-top:var(--spacing-lg);}.hero-description{font-size:var(--font-size-base);}.hero-cta{flex-direction:column;width:100%;}.btn{width:100%;justify-content:center;}.about-stats{grid-template-columns:1fr;}.section-title{font-size:var(--font-size-3xl);}.contact-methods{grid-template-columns:1fr;}.contact-cta-buttons{flex-direction:column;width:100%;}.social-links{justify-content:center;}.back-to-top{bottom:20px;right:20px;width:45px;height:45px;}}@media (max-width:360px){:root{--spacing-md:0.75rem;--spacing-lg:1rem;--font-size-4xl:1.5rem;--font-size-3xl:1.25rem;}.container{padding:0 var(--spacing-sm);}.nav-container{padding:var(--spacing-sm);}.hero-title{font-size:var(--font-size-4xl);line-height:1.1;}.hero-subtitle{font-size:var(--font-size-sm);}.hero-chip-group{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);}.skills-hero-cta,.hero-cta{flex-direction:column;width:100%;gap:var(--spacing-sm);}.skills-hero-cta .btn,.hero-cta .btn{width:100%;justify-content:center;}.hero-chip{width:100%;text-align:center;}}section{opacity:1;transform:none;transition:opacity 0.6s ease,transform 0.6s ease;}section.fade-in{opacity:1;transform:translateY(0);}.nav-menu.active{right:0;}.nav-toggle.active .hamburger{background:transparent;}.nav-toggle.active .hamburger::before{transform:rotate(45deg);}.nav-toggle.active .hamburger::after{transform:rotate(-45deg);}.skeleton{background:#1e293b;background:linear-gradient(90deg,#1e293b 25%,#2d3b54 50%,#1e293b 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;}.skeleton-text{height:1rem;margin-bottom:0.5rem;width:100%;}.skeleton-text:last-child{width:80%;}.skeleton-img{width:100%;height:100%;display:block;}@keyframes skeleton-loading{0%{background-position:200% 0;}100%{background-position:-200% 0;}}@media (max-width:375px){.nav-menu{width:100%;right:-100%;}.hero-title{font-size:1.75rem;}.brand{font-size:1.2rem;}}@media (max-width:768px){input,textarea,select{font-size:16px !important;}.nav-link{padding:1rem;}.btn{min-height:44px;}body{overflow-x:hidden;width:100%;}}