@font-face{font-family:"Inter";font-style:normal;font-weight:300 700;font-display:optional;src:url("../fonts/inter-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:400 700;font-display:optional;src:url("../fonts/space-grotesk-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--secondary:#8b5cf6;--accent:#0ea5e9;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--dark:#0f172a;--light:#f8fafc;--gray-50:#f1f5f9;--gray-100:#e2e8f0;--gray-200:#cbd5e1;--gray-300:#94a3b8;--gray-400:#64748b;--gray-500:#475569;--gray-600:#334155;--gray-700:#1e293b;--gray-800:#0f172a;--gray-900:#020617;--gradient-primary:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);--gradient-secondary:linear-gradient(135deg,var(--secondary) 0%,var(--accent) 100%);--gradient-accent:linear-gradient(135deg,var(--accent) 0%,var(--primary) 100%);--gradient-success:linear-gradient(135deg,var(--success) 0%,#059669 100%);--gradient-warning:linear-gradient(135deg,var(--warning) 0%,#dc2626 100%);--gradient-danger:linear-gradient(135deg,var(--danger) 0%,#dc2626 100%);--gradient-dark:linear-gradient(135deg,var(--gray-800) 0%,var(--gray-900) 100%);--gradient-light:linear-gradient(135deg,#ffffff 0%,var(--gray-50) 100%);--gradient-radial-primary:radial-gradient(circle at center,var(--primary) 0%,var(--primary-dark) 100%);--gradient-radial-secondary:radial-gradient(circle at center,var(--secondary) 0%,var(--primary) 100%);--gradient-radial-accent:radial-gradient(circle at center,var(--accent) 0%,var(--primary) 100%);--gradient-overlay:linear-gradient(180deg,rgba(15,23,42,0.8) 0%,rgba(15,23,42,0.4) 100%);--gradient-mesh:radial-gradient(at 40% 20%,var(--primary) 0%,transparent 50%),radial-gradient(at 80% 0%,var(--secondary) 0%,transparent 50%),radial-gradient(at 0% 50%,var(--accent) 0%,transparent 50%);--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-heading:"Space Grotesk",var(--font-primary);--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-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1);--radius-xs:0.125rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}[data-theme="dark"]{--primary:#3b82f6;--primary-dark:#2563eb;--secondary:#a78bfa;--accent:#38bdf8;--dark:#f1f5f9;--light:#0f172a;--gray-50:#0f172a;--gray-100:#1e293b;--gray-200:#334155;--gray-300:#475569;--gray-400:#64748b;--gray-500:#94a3b8;--gray-600:#cbd5e1;--gray-700:#e2e8f0;--gray-800:#f1f5f9;--gray-900:#ffffff}@media (pointer:fine){*{cursor:none!important}}.custom-cursor{position:fixed;top:0;left:0;z-index:99999;pointer-events:none;mix-blend-mode:normal}.custom-cursor .cursor-dot{position:fixed;width:8px;height:8px;background:var(--primary);border-radius:50%;transform:translate(-50%,-50%);transition:width 0.2s ease,height 0.2s ease,background 0.2s ease;z-index:99999;pointer-events:none;will-change:transform;contain:layout style}.custom-cursor .cursor-ring{position:fixed;width:36px;height:36px;border:2px solid var(--primary);border-radius:50%;transform:translate(-50%,-50%);transition:width 0.3s ease,height 0.3s ease,opacity 0.3s ease;z-index:99998;pointer-events:none;opacity:0.5;will-change:transform;contain:layout style}.custom-cursor.cursor-hover .cursor-dot{width:12px;height:12px;background:var(--secondary)}.custom-cursor.cursor-hover .cursor-ring{width:50px;height:50px;border-color:var(--secondary);background:rgba(139,92,246,0.08);opacity:0.7}.custom-cursor.cursor-click .cursor-dot{width:6px;height:6px;background:var(--accent)}.custom-cursor.cursor-click .cursor-ring{width:28px;height:28px;border-color:var(--accent);opacity:0.8}.custom-cursor.cursor-text .cursor-dot{width:3px;height:24px;border-radius:var(--radius-xs);background:var(--primary)}.custom-cursor.cursor-text .cursor-ring{width:44px;height:44px;border-color:var(--primary);opacity:0.3}.custom-cursor.cursor-hidden .cursor-dot,.custom-cursor.cursor-hidden .cursor-ring{opacity:0}[data-theme="dark"] .custom-cursor .cursor-dot{background:var(--accent)}[data-theme="dark"] .custom-cursor .cursor-ring{border-color:var(--accent);opacity:0.4}[data-theme="dark"] .custom-cursor.cursor-hover .cursor-dot{background:var(--primary)}[data-theme="dark"] .custom-cursor.cursor-hover .cursor-ring{border-color:var(--primary);background:rgba(59,130,246,0.1);opacity:0.6}[data-theme="dark"] .custom-cursor.cursor-click .cursor-dot{background:var(--secondary)}[data-theme="dark"] .custom-cursor.cursor-click .cursor-ring{border-color:var(--secondary)}html{scroll-behavior:smooth}body{font-family:var(--font-primary);font-weight:400;line-height:1.6;color:var(--dark);background-color:var(--light)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.floating-header .container{display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-4)}.section-padding{padding:var(--spacing-20) 0}#projects,#skills,#testimonials,#faq,#contact,#wishlist{content-visibility:auto;contain-intrinsic-size:auto 800px}.section-header{text-align:center;margin-bottom:var(--spacing-12)}.section-header h2{font-family:var(--font-heading);font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--spacing-3);position:relative;display:inline-block}.section-header h2::after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:var(--primary);border-radius:var(--radius-full)}.section-header p{font-size:var(--font-size-lg);color:var(--gray-600);max-width:600px;margin:0 auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.2;color:var(--gray-900)}p{margin-bottom:var(--spacing-4);color:var(--gray-700)}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-md);font-weight:500;font-size:var(--font-size-base);cursor:pointer;transition:transform var(--transition-fast),opacity var(--transition-fast);border:none;outline:none;white-space:nowrap}.btn:focus{box-shadow:0 0 0 3px rgba(37,99,235,0.3)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-secondary{background:var(--gradient-secondary)}.bg-gradient-accent{background:var(--gradient-accent)}.bg-gradient-dark{background:var(--gradient-dark)}.bg-gradient-light{background:var(--gradient-light)}.bg-gradient-mesh{background:var(--gradient-mesh);background-size:400% 400%;animation:gradientShift 15s ease infinite}.text-gradient-primary{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.text-gradient-secondary{background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text;color:transparent}.text-gradient-accent{background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;color:transparent}.btn-gradient-primary{background:var(--gradient-primary);color:white;position:relative;overflow:hidden}.btn-gradient-primary::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transform:translateX(-100%);transition:transform 0.5s}.btn-gradient-primary:hover::before{transform:translateX(100%)}.btn-gradient-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(37,99,235,0.3);color:white}.btn-gradient-secondary{background:var(--gradient-secondary);color:white}.btn-gradient-accent{background:var(--gradient-accent);color:white}.hero{background:linear-gradient(135deg,rgba(37,99,235,0.05) 0%,rgba(139,92,246,0.05) 50%,rgba(14,165,233,0.05) 100%);position:relative}.hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-mesh);opacity:0.1;pointer-events:none}[data-theme="dark"] .hero{background:linear-gradient(135deg,rgba(37,99,235,0.1) 0%,rgba(139,92,246,0.1) 50%,rgba(14,165,233,0.1) 100%)}.online-dot{display:inline-block;position:relative;width:10px;height:10px;background:var(--primary);border-radius:50%;vertical-align:middle;margin-right:6px;flex-shrink:0;box-shadow:0 0 6px rgba(37,99,235,0.5)}.online-dot__pulse{position:absolute;top:50%;left:50%;width:10px;height:10px;background:var(--primary);border-radius:50%;transform:translate(-50%,-50%);animation:dotHeartbeat 1.8s ease-in-out infinite}@keyframes dotHeartbeat{0%{transform:translate(-50%,-50%) scale(1);opacity:0.6}8%{transform:translate(-50%,-50%) scale(2.2);opacity:0}16%{transform:translate(-50%,-50%) scale(1);opacity:0}24%{transform:translate(-50%,-50%) scale(1.8);opacity:0}40%{transform:translate(-50%,-50%) scale(1);opacity:0}100%{transform:translate(-50%,-50%) scale(1);opacity:0}}.project-card{position:relative;background:var(--gray-50)}.skill-category{position:relative;background:var(--gray-50)}.progress-bar{background:var(--gradient-primary);position:relative;overflow:hidden}.progress-bar::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);animation:shimmer 2s infinite}.scroll-to-top{background:var(--gradient-primary);position:relative;overflow:hidden}.scroll-to-top::after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,0.3);border-radius:50%;transform:translate(-50%,-50%);transition:width 0.3s,height 0.3s}.scroll-to-top:hover::after{width:100px;height:100px}.social-links a{position:relative;overflow:hidden;transition:transform var(--transition-fast),opacity var(--transition-fast)}.social-links a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-primary);transform:translateX(-100%);transition:transform var(--transition-fast);z-index:-1}.social-links a:hover::before{transform:translateX(0)}.nav-link::after{background:var(--gradient-primary)}.theme-toggle:hover{background:var(--gradient-light)}[data-theme="dark"] .theme-toggle:hover{background:var(--gradient-dark)}@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.section-header h2.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme="dark"] .bg-gradient-light{background:var(--gradient-dark)}[data-theme="dark"] .bg-gradient-mesh{opacity:0.8}@media (max-width:768px){.hero{background:linear-gradient(135deg,rgba(37,99,235,0.03) 0%,rgba(139,92,246,0.03) 50%,rgba(14,165,233,0.03) 100%)}[data-theme="dark"] .hero{background:linear-gradient(135deg,rgba(37,99,235,0.05) 0%,rgba(139,92,246,0.05) 50%,rgba(14,165,233,0.05) 100%)}}.btn-primary{background-color:var(--primary);color:white}.btn-primary:hover{background-color:var(--primary-dark);color:white;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn.notify-btn{padding:0.75rem 1.5rem;border-radius:var(--radius-lg);font-weight:600;font-size:1rem;display:inline-block;box-shadow:var(--shadow-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn.notify-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-loader{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,0.25);border-top-color:white;border-radius:50%;margin-right:0.5rem;vertical-align:middle;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notify-message{max-width:480px;margin-left:auto;margin-right:auto;padding:0.75rem 1rem;border-radius:var(--radius-md);font-weight:500}.notify-success{background:rgba(255,255,255,0.12);color:white;border:1px solid rgba(255,255,255,0.18)}.notify-error{background:rgba(255,255,255,0.08);color:#ffe6e6;border:1px solid rgba(255,0,0,0.1)}@media (max-width:480px){.contact-form .form-group{margin-bottom:1rem}.contact-form .btn{width:100%}}.btn-secondary{background-color:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background-color:var(--primary);color:white;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-gradient-outline{background:transparent;color:var(--primary);border:none;position:relative;overflow:hidden;transition:transform var(--transition-fast),opacity var(--transition-fast);z-index:1;border-radius:var(--radius-md);padding:var(--spacing-3) var(--spacing-8);font-weight:500;font-size:var(--font-size-base);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.btn-gradient-outline:hover{color:white;transform:translateY(-2px);box-shadow:0 10px 20px rgba(37,99,235,0.3)}.btn-gradient-outline:hover::after{background:var(--gradient-primary)}.btn-gradient-outline::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);border-radius:var(--radius-md);z-index:-2}.btn-gradient-outline::after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;background:var(--light);border-radius:calc(var(--radius-md) - 2px);z-index:-1;transition:transform var(--transition-fast),opacity var(--transition-fast)}[data-theme="dark"] .btn-gradient-outline::after{background:var(--gray-50)}.btn-gradient-outline span{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1}.btn-gradient-outline span::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transform:translateX(-100%);transition:transform 0.5s;z-index:0;pointer-events:none;border-radius:var(--radius-md)}.btn-gradient-outline:hover span::before{transform:translateX(100%)}.btn-small{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);background:transparent;color:var(--primary);border:1.5px solid var(--primary);font-weight:600;position:relative;overflow:hidden;transition:transform 0.3s ease,opacity 0.3s ease;border-radius:var(--radius-full);box-shadow:0 0 0 0 rgba(37,99,235,0)}.btn-small::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:var(--gradient-primary);border-radius:50%;transform:translate(-50%,-50%);transition:transform 0.4s ease,opacity 0.4s ease;z-index:-1}.btn-small:hover{color:white;border-color:transparent;transform:translateY(-3px) scale(1.05);box-shadow:0 10px 25px rgba(37,99,235,0.4)}.btn-small:hover::before{width:300%;height:300%}.btn-small:active{transform:translateY(-1px) scale(1.02);box-shadow:0 5px 15px rgba(37,99,235,0.3)}[data-theme="dark"] .btn-small{color:var(--primary);border-color:var(--primary)}[data-theme="dark"] .btn-small:hover{color:white;border-color:transparent;box-shadow:0 10px 25px rgba(139,92,246,0.4)}.floating-header{position:fixed;top:var(--spacing-4);left:50%;transform:translateX(-50%);width:calc(100% - var(--spacing-8));max-width:1200px;z-index:1000;background-color:rgba(255,255,255,0.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:var(--spacing-3) var(--spacing-2);transition:transform var(--transition-normal),opacity var(--transition-normal);box-shadow:var(--shadow-md)}[data-theme="dark"] .floating-header{background-color:rgba(15,23,42,0.9)}.floating-header.scrolled{padding:var(--spacing-2) var(--spacing-6);box-shadow:var(--shadow-lg)}.logo{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--primary);text-decoration:none}.logo span{color:var(--secondary)}.logo:hover{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex}.nav-list{display:flex;list-style:none;gap:var(--spacing-8)}.nav-link{font-weight:500;color:var(--gray-700);position:relative;padding:var(--spacing-1) 0}.nav-link::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary);transition:width var(--transition-fast)}.nav-link:hover::after,.nav-link.active::after{width:100%}.nav-link:hover,.nav-link.active{color:var(--primary)}.header-actions{display:flex;align-items:center;gap:var(--spacing-4)}.theme-toggle{background:none;border:none;cursor:pointer;width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--dark)}.theme-toggle svg{stroke:currentColor;width:20px;height:20px}.theme-toggle:hover{background-color:var(--gray-100);color:var(--dark)}[data-theme="dark"] .theme-toggle{color:var(--dark)}[data-theme="dark"] .theme-toggle:hover{background-color:var(--gray-700);color:var(--dark)}.sun{display:none}[data-theme="dark"] .sun{display:block!important}[data-theme="dark"] .moon{display:none!important}.moon{display:block}[data-theme="dark"] .sun{display:block}[data-theme="dark"] .moon{display:none}.hamburger{display:none;cursor:pointer;width:44px;height:44px;align-items:center;justify-content:center;background:none;border:none;color:var(--dark);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.hamburger svg{width:24px;height:24px;display:block}.hamburger .line{transition:transform var(--transition-normal),opacity var(--transition-normal);transform-origin:center;stroke:currentColor}.hamburger .line1,.hamburger .line2,.hamburger .line3{vector-effect:non-scaling-stroke}.hamburger.active .line1{transform:translateY(5px) rotate(45deg)}.hamburger.active .line2{opacity:0;transform:scaleX(0)}.hamburger.active .line3{transform:translateY(-5px) rotate(-45deg)}.hamburger:focus{outline:none;box-shadow:0 0 0 3px rgba(37,99,235,0.2)}[data-theme="dark"] .hamburger{color:var(--dark)}.hamburger:hover{background-color:var(--gray-100)}[data-theme="dark"] .hamburger:hover{background-color:var(--gray-700)}.hero{padding:var(--spacing-32) 0;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero-floating{position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(60px);opacity:0.5;animation:float 20s ease-in-out infinite;will-change:transform}.hero-floating--1{width:300px;height:300px;background:var(--primary);top:10%;right:5%;opacity:0.07;animation-delay:0s}.hero-floating--2{width:200px;height:200px;background:var(--secondary);bottom:15%;left:5%;opacity:0.06;animation-delay:-5s}.hero-floating--3{width:150px;height:150px;background:var(--accent);top:60%;right:25%;opacity:0.05;animation-delay:-10s}.hero-floating--4{width:100px;height:100px;background:var(--success);top:20%;left:30%;opacity:0.04;animation-delay:-15s}@keyframes float{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(20px,-30px) scale(1.05)}50%{transform:translate(-10px,20px) scale(0.95)}75%{transform:translate(15px,10px) scale(1.02)}}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12);align-items:center;position:relative;z-index:1}.hero-content{max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:rgba(37,99,235,0.08);border:1px solid rgba(37,99,235,0.15);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;color:var(--primary);margin-bottom:var(--spacing-6);animation:fadeInUp 0.6s ease-out}[data-theme="dark"] .hero-badge{background:rgba(59,130,246,0.12);border-color:rgba(59,130,246,0.2)}.hero-title{font-size:var(--font-size-5xl);font-weight:800;margin-bottom:var(--spacing-4);line-height:1.1;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent;animation:fadeInUp 0.6s ease-out 0.1s both}.hero-subtitle{font-size:var(--font-size-xl);color:var(--gray-600);margin-bottom:var(--spacing-8);max-width:600px;animation:fadeInUp 0.6s ease-out 0.2s both}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-cta{display:flex;gap:var(--spacing-4);justify-content:flex-start;animation:fadeInUp 0.6s ease-out 0.3s both}.hero-cta .btn{flex:1 1 auto}.hero-tech-pills{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-8);animation:fadeInUp 0.6s ease-out 0.4s both}.tech-pill{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-full);background:var(--gray-100);color:var(--gray-500);border:1px solid var(--gray-200);transition:transform var(--transition-fast),opacity var(--transition-fast)}.tech-pill:hover{background:rgba(37,99,235,0.08);color:var(--primary);border-color:rgba(37,99,235,0.2);transform:translateY(-2px)}[data-theme="dark"] .tech-pill{background:rgba(255,255,255,0.05);color:var(--gray-500);border-color:rgba(255,255,255,0.1)}[data-theme="dark"] .tech-pill:hover{background:rgba(59,130,246,0.12);color:var(--primary);border-color:rgba(59,130,246,0.2)}.hero-visual{display:flex;justify-content:center;align-items:center;animation:fadeInRight 0.8s ease-out 0.3s both}@keyframes fadeInRight{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}.code-editor{width:100%;max-width:440px;border-radius:var(--radius-xl);overflow:hidden;background:#1e1e2e;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25),0 0 0 1px rgba(255,255,255,0.05);transform:perspective(800px) rotateY(-5deg) rotateX(2deg);transition:transform 0.5s ease}.code-editor:hover{transform:perspective(800px) rotateY(0deg) rotateX(0deg)}.code-editor__header{display:flex;align-items:center;gap:6px;padding:12px 16px;background:#181825;border-bottom:1px solid rgba(255,255,255,0.05)}.code-editor__dot{width:12px;height:12px;border-radius:50%}.code-editor__dot--red{background:#f38ba8}.code-editor__dot--yellow{background:#f9e2af}.code-editor__dot--green{background:#a6e3a1}.code-editor__title{margin-left:8px;font-size:12px;color:#6c7086;font-family:var(--font-primary)}.code-editor__body{padding:16px 20px;font-family:'SF Mono','Fira Code','Cascadia Code',monospace;font-size:13px;line-height:1.7;overflow:hidden}.code-line{white-space:pre;color:#cdd6f4;min-height:1.7em}.code-line--blank{min-height:0.5em}.code-line--indent{padding-left:20px}.code-line--indent2{padding-left:40px}.code-line--indent3{padding-left:60px}.code-keyword{color:#cba6f7}.code-function{color:#89b4fa}.code-string{color:#a6e3a1}.code-component{color:#89dceb}.code-attr{color:#f9e2af}.code-variable{color:#cdd6f4}.code-bracket{color:#fab387}.code-boolean{color:#fab387}.code-editor__body .code-line{opacity:0;animation:typeLine 0.3s ease forwards}.code-editor__body .code-line:nth-child(1){animation-delay:0.5s}.code-editor__body .code-line:nth-child(2){animation-delay:0.7s}.code-editor__body .code-line:nth-child(3){animation-delay:0.9s}.code-editor__body .code-line:nth-child(4){animation-delay:1.1s}.code-editor__body .code-line:nth-child(5){animation-delay:1.3s}.code-editor__body .code-line:nth-child(6){animation-delay:1.5s}.code-editor__body .code-line:nth-child(7){animation-delay:1.7s}.code-editor__body .code-line:nth-child(8){animation-delay:1.9s}.code-editor__body .code-line:nth-child(9){animation-delay:2.1s}.code-editor__body .code-line:nth-child(10){animation-delay:2.3s}.code-editor__body .code-line:nth-child(11){animation-delay:2.5s}.code-editor__body .code-line:nth-child(12){animation-delay:2.7s}@keyframes typeLine{from{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:translateX(0)}}@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:var(--spacing-8)}.hero-visual{display:none}.hero-content{max-width:100%;text-align:center}.hero-badge{margin-left:auto;margin-right:auto}.hero-cta{justify-content:center}.hero-tech-pills{justify-content:center}}.about-grid{display:grid;grid-template-columns:1fr 300px;gap:var(--spacing-12);align-items:center}.no-timeline .about-grid{grid-template-columns:1fr}.no-timeline .about-img{display:none}.about-content{min-width:0;overflow-wrap:break-word}.about-content p{margin-bottom:var(--spacing-4)}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-8);margin-top:var(--spacing-8)}.stat-item{text-align:center}.stat-item h3{font-size:var(--font-size-3xl);color:var(--primary);margin-bottom:var(--spacing-1)}.stat-item p{color:var(--gray-600);font-weight:500}.about{background:linear-gradient(135deg,rgba(37,99,235,0.03) 0%,rgba(139,92,246,0.03) 50%,rgba(14,165,233,0.03) 100%);position:relative}[data-theme="dark"] .about{background:linear-gradient(135deg,rgba(37,99,235,0.06) 0%,rgba(139,92,246,0.06) 50%,rgba(14,165,233,0.06) 100%)}.about-intro{margin-bottom:var(--spacing-6)}.about-greeting{display:block;font-size:var(--font-size-lg);color:var(--gray-500);font-weight:400;margin-bottom:var(--spacing-1)}.about-name{display:block;font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2}.about-content .highlight{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600}.about-features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4);margin:var(--spacing-8) 0}.about-feature-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-lg);background:var(--gray-50);border:1px solid var(--gray-100);transition:transform var(--transition-fast),opacity var(--transition-fast)}.about-feature-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:rgba(37,99,235,0.2)}[data-theme="dark"] .about-feature-item{background:var(--gray-100);border-color:rgba(255,255,255,0.06)}[data-theme="dark"] .about-feature-item:hover{border-color:rgba(139,92,246,0.3);box-shadow:0 8px 25px rgba(139,92,246,0.15)}.about-feature-icon{display:flex;align-items:center;justify-content:center;min-width:42px;height:42px;border-radius:var(--radius-md);background:var(--gradient-primary);color:white;flex-shrink:0}.about-feature-text{display:flex;flex-direction:column;gap:2px}.about-feature-text strong{font-size:var(--font-size-sm);color:var(--gray-800);font-weight:600}.about-feature-text span{font-size:var(--font-size-xs);color:var(--gray-500)}[data-theme="dark"] .about-feature-text strong{color:var(--gray-700)}[data-theme="dark"] .about-feature-text span{color:var(--gray-500)}.about-img-wrapper{position:sticky;top:120px;justify-self:end;align-self:flex-start;display:inline-flex;padding:12px;z-index:1}.about-img-ring{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;border:3px solid transparent;background:var(--gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:ringPulse 3s ease-in-out infinite;pointer-events:none}.about-img-wrapper .about-img{position:relative;z-index:1;margin:0;justify-self:unset}@keyframes ringPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.6;transform:scale(1.02)}}.about-img-wrapper{transition:transform var(--transition-normal)}.about-img-wrapper:hover{transform:translateY(-6px) scale(1.03)}.about-img-wrapper:hover .about-img{box-shadow:var(--shadow-xl)}.about-img-wrapper:hover .about-img img{transform:scale(1.08)}.about-img-wrapper:hover .about-img-ring{opacity:1;animation:ringPulseHover 1.5s ease-in-out infinite;box-shadow:0 0 20px rgba(37,99,235,0.3),0 0 40px rgba(139,92,246,0.15)}.about-img img{transition:transform var(--transition-slow)}@keyframes ringPulseHover{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.8;transform:scale(1.04)}}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4);margin-top:var(--spacing-8);padding-top:var(--spacing-8);border-top:1px solid var(--gray-100)}[data-theme="dark"] .about-stats{border-top-color:rgba(255,255,255,0.06)}.stat-item{text-align:center;padding:var(--spacing-4);border-radius:var(--radius-lg);background:var(--gray-50);transition:transform var(--transition-fast),opacity var(--transition-fast);box-sizing:border-box}.stat-item:hover{background:white;box-shadow:var(--shadow-md);transform:translateY(-2px)}[data-theme="dark"] .stat-item{background:var(--gray-100)}[data-theme="dark"] .stat-item:hover{background:rgba(30,41,59,0.8);box-shadow:0 8px 25px rgba(139,92,246,0.15)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:var(--spacing-8)}.project-card{position:relative;display:flex;flex-direction:column;background-color:var(--gray-50);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.project-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.project-img{width:100%;aspect-ratio:16/9;max-height:360px;overflow:hidden;border-radius:var(--radius-md);background:var(--gray-50)}.project-img img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform var(--transition-slow);display:block}.project-img--icon{display:flex;align-items:center;justify-content:center;width:100%;min-width:unset;padding:var(--spacing-8) var(--spacing-6) var(--spacing-5);background:linear-gradient(145deg,rgba(37,99,235,0.06),rgba(139,92,246,0.06));border-radius:0;overflow:hidden;flex-shrink:0}.project-img--icon img{object-fit:contain;width:100px;height:100px;display:block;border-radius:22px;box-shadow:0 8px 24px rgba(2,6,23,0.12);padding:4px;background:white}.project-links .btn-small{padding:0.45rem 0.9rem;border-radius:999px;border:1px solid rgba(15,23,42,0.06);background:transparent;color:var(--gray-700);font-size:var(--font-size-sm);gap:0.5rem;box-shadow:none;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);display:inline-flex;align-items:center}.project-links .btn-small svg{margin-right:6px;opacity:0.9}.btn-icon{width:14px;height:14px;display:inline-block;vertical-align:middle;margin-right:6px;opacity:0.95}.project-links .btn-small:hover{background:var(--primary);color:#ffffff;transform:translateY(-2px);box-shadow:0 6px 18px rgba(37,99,235,0.12)}[data-theme="dark"] .project-links .btn-small{border-color:rgba(255,255,255,0.04);color:var(--gray-600)}[data-theme="dark"] .project-links .btn-small:hover{background:var(--primary);color:#fff}.project-links .btn-project{padding:0.5rem 1.4rem;border-radius:0.75rem;font-weight:600;display:inline-flex;align-items:center;gap:0.5rem;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}@media (max-width:575px){.project-links .btn-project{padding:0.55rem 1rem;width:100%;justify-content:center}}.project-card:hover .project-img--icon img{transform:scale(1.08)}.project-tags{gap:var(--spacing-1);margin-bottom:var(--spacing-3)}.project-tags li{padding:2px var(--spacing-2);font-size:0.65rem}.project-links{margin-top:var(--spacing-2);gap:var(--spacing-2)}.project-links .btn-project-link{padding:0.35rem 0.9rem!important;font-size:0.75rem!important}.project-content p{font-size:var(--font-size-sm);margin-bottom:var(--spacing-3);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--gray-600)}.project-content{padding:var(--spacing-5) var(--spacing-6) var(--spacing-6);display:flex;flex-direction:column;flex-grow:1;min-width:0}.project-title-row{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.project-title-row .project-category{flex-shrink:0}.project-title-row h3{margin-bottom:0;font-size:var(--font-size-xl);line-height:1.3}.hero-avatar{width:320px;height:320px;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lg);background:var(--gray-50);display:block}.about-img{width:280px;height:280px;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md);background:var(--gray-50);display:block;justify-self:end;margin-left:var(--spacing-4)}.hero-avatar img,.about-img img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}@media (max-width:575px){.hero-avatar{width:250px;height:250px}.about-img{width:200px;height:200px;margin-left:auto;margin-right:auto;justify-self:center}}.about-resume-cta{margin:var(--spacing-8) 0;padding:var(--spacing-6);border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(37,99,235,0.05) 0%,rgba(139,92,246,0.05) 50%,rgba(14,165,233,0.05) 100%);border:1px solid rgba(37,99,235,0.1);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-6);transition:transform var(--transition-normal),opacity var(--transition-normal)}.about-resume-cta:hover{border-color:rgba(37,99,235,0.2);box-shadow:0 8px 25px rgba(37,99,235,0.1);transform:translateY(-2px)}.about-resume-cta__content{display:flex;align-items:flex-start;gap:var(--spacing-4);flex:1}.about-resume-cta__icon{flex-shrink:0;width:52px;height:52px;border-radius:var(--radius-lg);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:white}.about-resume-cta__text h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-1);color:var(--gray-900)}.about-resume-cta__text p{color:var(--gray-600);font-size:var(--font-size-sm);margin-bottom:0;line-height:1.5}.about-resume-cta__btn{flex-shrink:0;white-space:nowrap}[data-theme="dark"] .about-resume-cta{background:linear-gradient(135deg,rgba(37,99,235,0.08) 0%,rgba(139,92,246,0.08) 50%,rgba(14,165,233,0.08) 100%);border-color:rgba(139,92,246,0.15)}[data-theme="dark"] .about-resume-cta:hover{border-color:rgba(139,92,246,0.3);box-shadow:0 8px 25px rgba(139,92,246,0.15)}[data-theme="dark"] .about-resume-cta__text h3{color:var(--gray-700)}[data-theme="dark"] .about-resume-cta__text p{color:var(--gray-500)}@media (max-width:768px){.about-resume-cta{flex-direction:column;align-items:stretch;text-align:center}.about-resume-cta__content{flex-direction:column;align-items:center;text-align:center}.about-resume-cta__btn{width:100%;justify-content:center}}.project-content h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-3)}.project-content p{margin-bottom:var(--spacing-4);color:var(--gray-600)}.project-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-4);list-style:none}.project-tags li{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;background-color:var(--primary);color:white}.project-tags li.tag-primary{background-color:var(--primary);color:white}.project-tags li.tag-secondary{background:var(--gradient-secondary);color:white}.project-tags li.tag-accent{background:var(--gradient-accent);color:white}.project-tags li.tag-success{background:var(--gradient-success);color:white}.project-tags li.tag-warning{background:var(--gradient-warning);color:white}.project-card-header{padding:var(--spacing-4) var(--spacing-6) 0}.project-category{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;letter-spacing:0.02em;background:linear-gradient(135deg,rgba(37,99,235,0.1),rgba(139,92,246,0.1));color:var(--primary);border:1px solid rgba(37,99,235,0.2)}.project-category--education{background:linear-gradient(135deg,rgba(16,185,129,0.1),rgba(5,150,105,0.1));color:var(--success);border-color:rgba(16,185,129,0.2)}.project-category--scanner{background:linear-gradient(135deg,rgba(245,158,11,0.1),rgba(217,119,6,0.1));color:var(--warning);border-color:rgba(245,158,11,0.2)}[data-theme="dark"] .project-category{background:linear-gradient(135deg,rgba(59,130,246,0.15),rgba(167,139,250,0.15));color:var(--primary);border-color:rgba(59,130,246,0.3)}[data-theme="dark"] .project-category--education{background:linear-gradient(135deg,rgba(16,185,129,0.15),rgba(5,150,105,0.15));color:#34d399;border-color:rgba(16,185,129,0.3)}[data-theme="dark"] .project-category--scanner{background:linear-gradient(135deg,rgba(245,158,11,0.15),rgba(217,119,6,0.15));color:#fbbf24;border-color:rgba(245,158,11,0.3)}.btn-project-link{padding:0.5rem 1.2rem!important;border-radius:var(--radius-lg)!important;font-size:var(--font-size-sm)!important;font-weight:600;display:inline-flex!important;align-items:center;gap:6px}.btn-project-link .btn-icon{margin-right:0}.download-label{display:block;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--gray-500);margin-top:var(--spacing-3);margin-bottom:var(--spacing-1)}[data-theme="dark"] .download-label{color:var(--gray-400)}.project-links{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-4);flex-wrap:wrap}.btn-stat{display:inline-flex;align-items:center;gap:2px;font-size:0.65rem;font-weight:400;opacity:0.75;margin-left:2px;white-space:nowrap}.btn-stat .star-icon{width:10px;height:10px;flex-shrink:0}.btn-stat small{font-size:0.55rem;opacity:0.7;margin-left:1px}.star-icon{width:12px;height:12px;flex-shrink:0}[data-theme="dark"] .btn-stat{opacity:0.65}.project-links .btn-small{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs);font-weight:600}.project-links .btn-small svg{flex-shrink:0}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-8)}.skill-category{background-color:var(--gray-50);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow)}.skill-item{margin-bottom:var(--spacing-4)}.skill-item:last-child{margin-bottom:0}.skill-item h4{margin-bottom:var(--spacing-2)}.skill-progress{height:10px;background-color:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);position:relative;width:0;transition:width 2s ease-in-out}.progress-bar::after{content:attr(data-percentage) "%";position:absolute;right:var(--spacing-2);top:-25px;font-size:var(--font-size-sm);font-weight:500;color:var(--gray-700)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12)}.contact-info h3{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-4)}.contact-info p{margin-bottom:var(--spacing-6);color:var(--gray-600)}.contact-details{margin:var(--spacing-6) 0}.contact-item{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);color:var(--gray-700)}.social-links{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-6)}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--gray-100);color:var(--gray-700);transition:transform var(--transition-fast),opacity var(--transition-fast)}.social-links a:hover{background-color:var(--primary);color:white;transform:translateY(-3px)}.form-group{margin-bottom:var(--spacing-4)}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-3);border:1px solid var(--gray-200);border-radius:var(--radius-md);background-color:var(--gray-50);color:var(--gray-900);font-family:var(--font-primary);font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,0.2)}.form-group textarea{resize:vertical;min-height:120px}.footer{background:#020617;color:#f1f5f9;position:relative;overflow:hidden}.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.footer-top{padding:var(--spacing-16) 0 var(--spacing-12);position:relative}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:var(--spacing-10);align-items:start}.footer-brand{max-width:300px}.footer-logo{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:700;color:white;text-decoration:none;display:inline-block;margin-bottom:var(--spacing-4)}.footer-logo span{color:var(--primary)}.footer-logo:hover{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline{color:#94a3b8;line-height:1.7;margin-bottom:var(--spacing-6);font-size:var(--font-size-base)}.footer-social{display:flex;gap:var(--spacing-3)}.social-link{width:44px;height:44px;border-radius:var(--radius-full);background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:transform var(--transition-normal),opacity var(--transition-normal);border:1px solid transparent}.social-link:hover{background:var(--gradient-primary);color:white;border-color:var(--primary);transform:translateY(-3px);box-shadow:0 10px 20px rgba(37,99,235,0.3)}.footer-links h4,.footer-contact h4{color:white;font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-5);text-align:left}.footer-links ul{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-3)}.footer-links a,.footer-links li{color:#94a3b8;text-decoration:none;font-size:var(--font-size-base);transition:transform var(--transition-fast),opacity var(--transition-fast);position:relative;display:inline-block}.footer-links a::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-fast)}.footer-links a:hover{color:white}.footer-links a:hover::after{width:100%}.footer-contact p{color:#94a3b8;margin-bottom:var(--spacing-3);font-size:var(--font-size-base);text-align:left}.footer-contact a{color:#94a3b8;text-decoration:none;transition:color var(--transition-fast)}.footer-contact a:hover{color:white}.footer-bottom{background:#0f172a;padding:var(--spacing-5) 0;border-top:1px solid rgba(255,255,255,0.08)}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-3)}.footer-bottom p{color:#94a3b8;font-size:var(--font-size-sm);margin:0}.footer-credit{display:flex;align-items:center;gap:var(--spacing-2)}.heart{display:inline-block;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}@media (max-width:991px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-8)}.footer-brand{grid-column:1 / -1;max-width:100%;text-align:center}.footer-social{justify-content:center}}@media (max-width:575px){.footer-top{padding:var(--spacing-12) 0 var(--spacing-8)}.footer-grid{grid-template-columns:1fr;text-align:center;gap:var(--spacing-8)}.footer-links ul{align-items:center}.footer-links h4,.footer-contact h4,.footer-contact p{text-align:center}.footer-bottom-content{flex-direction:column;text-align:center}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn 1s ease-out forwards}.delay-1{animation-delay:0.2s}.delay-2{animation-delay:0.4s}.delay-3{animation-delay:0.6s}.scroll-to-top{position:fixed;bottom:var(--spacing-6);right:var(--spacing-6);width:50px;height:50px;background-color:var(--primary);color:white;border:none;border-radius:var(--radius-full);cursor:pointer;opacity:0;visibility:hidden;transition:transform var(--transition-normal),opacity var(--transition-normal);z-index:1000;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg)}.scroll-to-top.show{opacity:1;visibility:visible}.scroll-to-top:hover{background-color:var(--primary-dark);transform:translateY(-2px)}[data-theme="dark"] .scroll-to-top{background-color:var(--secondary)}[data-theme="dark"] .scroll-to-top:hover{background-color:var(--primary)}[data-theme="dark"] .social-links a{background-color:rgba(255,255,255,0.08);color:#94a3b8;border:1px solid rgba(255,255,255,0.06);transition:transform var(--transition-fast),opacity var(--transition-fast)}[data-theme="dark"] .social-links a:hover{background:var(--gradient-primary);color:white;border-color:var(--primary);transform:translateY(-3px);box-shadow:0 8px 25px rgba(139,92,246,0.4)}[data-theme="dark"] .social-link{background:rgba(255,255,255,0.08);color:#94a3b8}[data-theme="dark"] .social-link:hover{background:var(--gradient-primary);color:white;border-color:var(--primary);transform:translateY(-3px);box-shadow:0 10px 20px rgba(139,92,246,0.3)}[data-theme="dark"] .btn-primary{background-color:var(--primary)}[data-theme="dark"] .btn-primary:hover{background-color:var(--primary-dark)}[data-theme="dark"] .btn-secondary{border-color:var(--primary);color:var(--primary)}[data-theme="dark"] .btn-secondary:hover{background-color:var(--primary);color:white}[data-theme="dark"] .project-card{background-color:var(--gray-100);box-shadow:0 4px 6px -1px rgba(0,0,0,0.3),0 2px 4px -2px rgba(0,0,0,0.3);border:1px solid transparent;transition:transform var(--transition-normal),opacity var(--transition-normal)}[data-theme="dark"] .project-card:hover{box-shadow:0 20px 25px -5px rgba(139,92,246,0.3),0 8px 10px -6px rgba(139,92,246,0.2);border-color:rgba(139,92,246,0.3);transform:translateY(-8px)}[data-theme="dark"] .skill-category{background-color:var(--gray-100);border:1px solid rgba(255,255,255,0.06);box-shadow:0 6px 18px rgba(2,6,23,0.4)}[data-theme="dark"] .skill-category h3{color:var(--gray-700)}[data-theme="dark"] .skill-item h4{color:var(--gray-700);font-weight:600;margin-bottom:var(--spacing-2)}[data-theme="dark"] .skill-category p{color:#b0bec5;line-height:1.6}[data-theme="dark"] .skill-item{margin-bottom:calc(var(--spacing-4) + 0.25rem)}[data-theme="dark"] .form-group input,[data-theme="dark"] .form-group textarea{background-color:var(--gray-100);border:2px solid var(--gray-600);color:var(--gray-700)}[data-theme="dark"] .form-group input:hover,[data-theme="dark"] .form-group textarea:hover{border-color:var(--gray-500)}[data-theme="dark"] .form-group input:focus,[data-theme="dark"] .form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(139,92,246,0.3);background-color:var(--gray-100)}[data-theme="dark"] .form-group input::placeholder,[data-theme="dark"] .form-group textarea::placeholder{color:var(--gray-500)}[data-theme="dark"] .nav{background-color:transparent}[data-theme="dark"] .nav-link{color:#b0bec5;transition:color var(--transition-fast),background-color var(--transition-fast)}[data-theme="dark"] .nav-link:hover,[data-theme="dark"] .nav-link.active{color:var(--primary)}[data-theme="dark"] .nav-link:hover{background-color:rgba(139,92,246,0.1);border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-3)}[data-theme="dark"] .nav-link::after{background:var(--gradient-primary)}[data-theme="dark"] .stat-item p{color:var(--gray-500)}[data-theme="dark"] .about-content p{color:#b0bec5}[data-theme="dark"] .hero-subtitle{color:var(--gray-500)}[data-theme="dark"] .section-header p{color:var(--gray-500)}[data-theme="dark"] .project-content h3{color:var(--gray-700)}[data-theme="dark"] .project-content p{color:var(--gray-500)}[data-theme="dark"] .project-img--icon{background:linear-gradient(145deg,rgba(59,130,246,0.1),rgba(139,92,246,0.1))}[data-theme="dark"] .project-img--icon img{background:var(--gray-100);box-shadow:0 8px 24px rgba(0,0,0,0.3)}[data-theme="dark"] .contact-info p{color:var(--gray-500)}[data-theme="dark"] .contact-item{color:#b0bec5}[data-theme="dark"] .btn-gradient-outline:hover{color:white;transform:translateY(-2px);box-shadow:0 10px 20px rgba(139,92,246,0.3)}[data-theme="dark"] .btn-primary{background-color:var(--primary);box-shadow:0 4px 6px rgba(139,92,246,0.3)}[data-theme="dark"] .btn-primary:hover{background-color:var(--primary-dark);box-shadow:0 8px 25px rgba(139,92,246,0.5);transform:translateY(-2px)}[data-theme="dark"] .btn-gradient-outline{color:var(--primary);border:2px solid transparent}[data-theme="dark"] .btn-gradient-outline:hover{color:white;box-shadow:0 10px 25px rgba(139,92,246,0.4)}[data-theme="dark"] .btn-gradient-primary{box-shadow:0 4px 15px rgba(139,92,246,0.3)}[data-theme="dark"] .btn-gradient-primary:hover{box-shadow:0 10px 30px rgba(139,92,246,0.5)}[data-theme="dark"] .skill-category{background-color:var(--gray-100);border:1px solid transparent;transition:transform var(--transition-normal),opacity var(--transition-normal)}[data-theme="dark"] .skill-category:hover{border-color:rgba(139,92,246,0.3);box-shadow:0 10px 25px rgba(0,0,0,0.3);transform:translateY(-3px)}[data-theme="dark"] .hamburger{color:var(--gray-600)}[data-theme="dark"] .hamburger:hover{background-color:rgba(139,92,246,0.1);color:var(--primary)}[data-theme="dark"] .theme-toggle{color:var(--gray-600)}[data-theme="dark"] .theme-toggle:hover{background-color:rgba(139,92,246,0.1);color:var(--primary)}[data-theme="dark"] .footer-links a:hover::after{width:100%}[data-theme="dark"] .scroll-to-top{background:var(--gradient-primary);box-shadow:0 4px 15px rgba(139,92,246,0.4)}[data-theme="dark"] .scroll-to-top:hover{background:var(--gradient-secondary);box-shadow:0 8px 25px rgba(139,92,246,0.6);transform:translateY(-3px)}[data-theme="dark"] .contact-item{color:#b0bec5;transition:color var(--transition-fast)}[data-theme="dark"] .contact-item:hover{color:var(--primary)}[data-theme="dark"] .project-tags li.tag-primary{background:var(--primary);color:white;box-shadow:0 2px 8px rgba(59,130,246,0.3)}[data-theme="dark"] .project-tags li.tag-secondary{background:var(--gradient-secondary);color:white;box-shadow:0 2px 8px rgba(167,139,250,0.3)}[data-theme="dark"] .project-tags li.tag-accent{background:var(--gradient-accent);color:white;box-shadow:0 2px 8px rgba(56,189,248,0.3)}[data-theme="dark"] .project-tags li.tag-success{background:var(--gradient-success);color:white;box-shadow:0 2px 8px rgba(52,211,153,0.3)}[data-theme="dark"] .project-tags li.tag-warning{background:var(--gradient-warning);color:white;box-shadow:0 2px 8px rgba(251,191,36,0.3)}.footer-links a[href^="http"]::after,.social-links a[href^="http"]::after,.project-links a[href^="http"]::after{content:"";display:none}.footer-links a[href^="http"],.social-links a[href^="http"]{display:inline-flex;align-items:center;gap:var(--spacing-1)}[data-theme="dark"] .skill-progress{background-color:var(--gray-700)}[data-theme="dark"] .progress-bar::after{color:#b0bec5}[data-theme="dark"] .scroll-to-top{color:white}[data-theme="dark"] .floating-header.scrolled{box-shadow:0 10px 15px -3px rgba(0,0,0,0.4),0 4px 6px -4px rgba(0,0,0,0.4)}[data-theme="dark"] .logo{color:var(--primary)}[data-theme="dark"] .logo:hover{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.text-center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.alert{padding:1rem 1.5rem;border-radius:var(--radius-md);font-weight:500;margin:1rem 0}.alert-success{background-color:rgba(16,185,129,0.1);color:#059669;border:1px solid rgba(16,185,129,0.3)}.alert-error{background-color:rgba(239,68,68,0.1);color:#dc2626;border:1px solid rgba(239,68,68,0.3)}[data-theme="dark"] .alert-success{background-color:rgba(16,185,129,0.2);color:#34d399;border-color:rgba(16,185,129,0.4)}[data-theme="dark"] .alert-error{background-color:rgba(239,68,68,0.2);color:#f87171;border-color:rgba(239,68,68,0.4)}.notify-message{min-height:0;transition:transform 0.3s ease,opacity 0.3s ease;background:transparent!important}.notify-message:empty,.notify-message.mt-4:empty{margin-top:0!important;padding:0!important;height:0!important;min-height:0!important;max-height:0!important;overflow:hidden!important;border:none!important;background:transparent!important;display:none!important;visibility:hidden!important;opacity:0!important}.notify-message:not(:empty){margin-top:1.5rem!important;display:block!important;visibility:visible!important;opacity:1!important}.notify-message--hidden{margin-top:0!important;padding:0!important;height:0!important;min-height:0!important;max-height:0!important;overflow:hidden!important;border:none!important;background:transparent!important;display:none!important;visibility:hidden!important;opacity:0!important}.wishlist-hero-grid{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-12);align-items:center;margin-bottom:var(--spacing-8)}.wishlist-hero-content h3{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-4);color:var(--gray-900)}[data-theme="dark"] .wishlist-hero-content h3{color:var(--gray-700)}.wishlist-hero-content p{color:var(--gray-600);line-height:1.7;margin-bottom:var(--spacing-6)}[data-theme="dark"] .wishlist-hero-content p{color:var(--gray-500)}.wishlist-hero-content .about-stats .stat-item h3{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-1);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.wishlist-hero-content .about-stats .stat-item p{color:var(--gray-600);font-weight:500;margin-bottom:0;line-height:1.6}[data-theme="dark"] .wishlist-hero-content .about-stats .stat-item p{color:var(--gray-500)}.wishlist-hero-img{display:flex;align-items:center;justify-content:center}.wishlist-hero-img img{width:200px;height:200px;border-radius:16px;object-fit:cover;box-shadow:var(--shadow-lg);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.wishlist-hero-img:hover img{transform:scale(1.08);box-shadow:var(--shadow-xl)}[data-theme="dark"] .wishlist-hero-img:hover img{box-shadow:0 20px 40px rgba(139,92,246,0.4),0 8px 20px rgba(59,130,246,0.3)}.wishlist-notify{text-align:center;max-width:520px;margin:3rem auto 3rem;padding:2.5rem 2rem;border-radius:16px;background:#ffffff;border:1px solid var(--gray-200);box-shadow:0 4px 24px rgba(0,0,0,0.06);position:relative;overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.wishlist-notify::before{content:'';position:absolute;inset:0;border-radius:16px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal);z-index:0;pointer-events:none}.wishlist-notify:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--primary)}.wishlist-notify:hover::before{opacity:0.06}.wishlist-notify>*{position:relative;z-index:1}[data-theme="dark"] .wishlist-notify{background:var(--gray-100);border-color:rgba(255,255,255,0.08);box-shadow:0 4px 24px rgba(0,0,0,0.2)}[data-theme="dark"] .wishlist-notify:hover{box-shadow:0 20px 40px rgba(0,0,0,0.4);border-color:var(--primary)}[data-theme="dark"] .wishlist-notify:hover::before{opacity:0.12}.wishlist-notify h3{font-size:1.5rem;margin-bottom:0.5rem;color:var(--gray-900)}[data-theme="dark"] .wishlist-notify h3{color:#f1f5f9}.wishlist-notify>p{color:var(--gray-600);margin-bottom:1.5rem}[data-theme="dark"] .wishlist-notify>p{color:#94a3b8}.wishlist-notify-form{display:flex;gap:0.75rem;align-items:flex-start}.wishlist-notify-form .form-group{flex:1;margin-bottom:0}.wishlist-notify-form .form-group input{width:100%;padding:0.75rem 1rem;border:1px solid var(--gray-200);border-radius:10px;font-size:0.95rem;background:var(--gray-50);color:var(--gray-900);transition:border-color 0.2s,box-shadow 0.2s}[data-theme="dark"] .wishlist-notify-form .form-group input{background:var(--gray-100);border-color:var(--gray-600);color:var(--gray-700)}.wishlist-notify-form .form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,0.15)}[data-theme="dark"] .wishlist-notify-form .form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,0.25)}.wishlist-notify-form .btn{white-space:nowrap;flex-shrink:0}.wishlist-notify .notify-message{text-align:center;max-width:100%}.wishlist-notify .notify-success{display:inline-block;padding:0.6rem 1.2rem;border-radius:8px;font-size:0.9rem;font-weight:500;color:var(--success);background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2)}.wishlist-notify .notify-error{display:inline-block;padding:0.6rem 1.2rem;border-radius:8px;font-size:0.9rem;font-weight:500;color:var(--danger);background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.2)}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6)}.benefits-grid .skill-item h4{font-size:var(--font-size-sm);font-weight:600;color:var(--gray-800);margin-bottom:var(--spacing-1)}.benefits-grid .skill-item p{font-size:var(--font-size-sm);color:var(--gray-500);line-height:1.5;margin-bottom:0}[data-theme="dark"] .benefits-grid .skill-item h4{color:var(--gray-700)}[data-theme="dark"] .benefits-grid .skill-item p{color:var(--gray-500)}.mt-4{margin-top:1.5rem}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:var(--gradient-primary);z-index:10001;transition:width 0.05s linear;pointer-events:none}.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:0.1s}.reveal-delay-2{transition-delay:0.2s}.reveal-delay-3{transition-delay:0.3s}.reveal-delay-4{transition-delay:0.4s}.nav-link.active{color:var(--primary)}.nav-link.active::after{width:100%}.toast-container{position:fixed;top:100px;right:var(--spacing-6);z-index:10000;display:flex;flex-direction:column;gap:var(--spacing-3);pointer-events:none}.toast{padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-lg);color:white;font-weight:500;font-size:var(--font-size-sm);box-shadow:var(--shadow-xl);transform:translateX(120%);opacity:0;transition:all 0.4s cubic-bezier(0.16,1,0.3,1);max-width:360px;display:flex;align-items:center;gap:var(--spacing-3);pointer-events:auto}.toast.show{transform:translateX(0);opacity:1}.toast-success{background:linear-gradient(135deg,#059669,#10b981)}.toast-error{background:linear-gradient(135deg,#dc2626,#ef4444)}.skill-category{border:1px solid transparent;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.skill-category:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:rgba(37,99,235,0.1)}[data-theme="dark"] .skill-category:hover{border-color:rgba(139,92,246,0.2);box-shadow:0 12px 30px rgba(139,92,246,0.12)}.progress-bar{overflow:hidden}.stat-item h3{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.contact-item{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);transition:transform var(--transition-fast),opacity var(--transition-fast)}.contact-item:hover{background:var(--gray-100);transform:translateX(4px)}[data-theme="dark"] .contact-item:hover{background:rgba(255,255,255,0.04)}.section-header h2::after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:var(--gradient-primary);border-radius:var(--radius-full)}.hero-badge{position:relative}.hero-badge::before{content:'';position:absolute;inset:0;border-radius:var(--radius-full);background:var(--gradient-primary);opacity:0;z-index:-1;filter:blur(8px);animation:badgeGlow 4s cubic-bezier(0.4,0,0.6,1) infinite}@keyframes badgeGlow{0%,100%{opacity:0;transform:scale(1)}50%{opacity:0.15;transform:scale(1.08)}}.btn-gradient-primary{position:relative;overflow:hidden}.btn-gradient-primary::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.2),transparent);opacity:0;transition:opacity var(--transition-fast)}.btn-gradient-primary:hover::after{opacity:1}@media (max-width:575px){.toast-container{right:var(--spacing-4);left:var(--spacing-4)}.toast{max-width:100%}}.about-experience-compact{margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:1px solid var(--gray-200)}[data-theme="dark"] .about-experience-compact{border-top-color:rgba(255,255,255,0.08)}.about-experience-compact h3{font-size:var(--font-size-lg);font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-4)}[data-theme="dark"] .about-experience-compact h3{color:#e2e8f0}.experience-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.experience-card{padding:var(--spacing-4);border-radius:var(--radius-lg);background:var(--gray-50);border:1px solid var(--gray-100);transition:transform var(--transition-fast),opacity var(--transition-fast)}.experience-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:rgba(37,99,235,0.15)}[data-theme="dark"] .experience-card{background:rgba(30,41,59,0.6);border-color:rgba(255,255,255,0.06)}[data-theme="dark"] .experience-card:hover{border-color:rgba(139,92,246,0.25);box-shadow:0 8px 25px rgba(139,92,246,0.12)}.experience-card__badge{display:inline-block;font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:white;background:var(--primary-dark);padding:2px 8px;border-radius:var(--radius-full);margin-bottom:var(--spacing-2)}.experience-card__badge--past{background:var(--gray-500)}[data-theme="dark"] .experience-card__badge--past{background:linear-gradient(135deg,#334155,#475569)}.experience-card__content{margin-bottom:var(--spacing-2)}.experience-card__content strong{display:block;font-size:var(--font-size-sm);font-weight:700;color:var(--gray-900);margin-bottom:2px}[data-theme="dark"] .experience-card__content strong{color:#e2e8f0}.experience-card__company{display:block;font-size:var(--font-size-xs);font-weight:600;color:var(--primary)}.experience-card__period{display:block;font-size:0.65rem;color:var(--gray-500);font-weight:500;margin-top:1px}.experience-card p{font-size:var(--font-size-xs);color:var(--gray-500);line-height:1.5;margin-bottom:0}[data-theme="dark"] .experience-card p{color:#94a3b8}.about-how-i-work{margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:1px solid var(--gray-200)}[data-theme="dark"] .about-how-i-work{border-top-color:rgba(255,255,255,0.08)}.about-how-i-work h3{font-size:var(--font-size-lg);font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-4)}[data-theme="dark"] .about-how-i-work h3{color:#e2e8f0}.work-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-2);align-items:start}.work-step{text-align:center;padding:var(--spacing-3);border-radius:var(--radius-lg);background:var(--gray-50);border:1px solid var(--gray-100);transition:transform var(--transition-fast),opacity var(--transition-fast)}.work-step:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:rgba(37,99,235,0.15)}[data-theme="dark"] .work-step{background:rgba(30,41,59,0.6);border-color:rgba(255,255,255,0.06)}[data-theme="dark"] .work-step:hover{border-color:rgba(139,92,246,0.25);box-shadow:0 8px 25px rgba(139,92,246,0.12)}.work-step__number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--gradient-primary);color:white;font-size:var(--font-size-sm);font-weight:700;margin-bottom:var(--spacing-2)}.work-step:nth-child(1) .work-step__number{background:var(--gradient-primary)}.work-step:nth-child(3) .work-step__number{background:var(--gradient-secondary)}.work-step:nth-child(5) .work-step__number{background:var(--gradient-accent)}.work-step:nth-child(7) .work-step__number{background:var(--gradient-success)}.work-step__content strong{display:block;font-size:var(--font-size-sm);font-weight:700;color:var(--gray-900);margin-bottom:4px}[data-theme="dark"] .work-step__content strong{color:#e2e8f0}.work-step__content p{font-size:var(--font-size-xs);color:var(--gray-500);line-height:1.4;margin-bottom:0}[data-theme="dark"] .work-step__content p{color:#94a3b8}.work-step__connector{display:none}@media (min-width:768px){.work-steps{display:flex;align-items:center}.work-step{flex:1;min-width:0}.work-step__connector{display:block;flex:0 0 20px;height:2px;background:var(--gray-200);margin-top:-20px}[data-theme="dark"] .work-step__connector{background:rgba(148,163,184,0.2)}}@media (max-width:767px){.experience-cards{grid-template-columns:1fr}.work-steps{grid-template-columns:1fr 1fr}}@media (max-width:480px){.work-steps{grid-template-columns:1fr}}.testimonials{background:var(--gray-50)}[data-theme="dark"] .testimonials{background:rgba(15,23,42,0.5)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6)}.testimonial-card{background:#ffffff;padding:var(--spacing-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-100);transition:transform var(--transition-normal),opacity var(--transition-normal);display:flex;flex-direction:column;position:relative;overflow:hidden}.testimonial-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal)}.testimonial-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:rgba(37,99,235,0.15)}.testimonial-card:hover::before{opacity:1}[data-theme="dark"] .testimonial-card{background:rgba(30,41,59,0.8);border:1px solid rgba(148,163,184,0.1)}[data-theme="dark"] .testimonial-card:hover{border-color:rgba(139,92,246,0.3);box-shadow:0 20px 40px rgba(139,92,246,0.15);transform:translateY(-8px)}[data-theme="dark"] .testimonial-card:hover::before{background:var(--gradient-secondary)}.testimonial-stars{color:#f59e0b;font-size:var(--font-size-lg);letter-spacing:2px;margin-bottom:var(--spacing-4)}.testimonial-text{font-size:var(--font-size-base);color:var(--gray-600);line-height:1.7;font-style:italic;flex:1;margin-bottom:var(--spacing-6)}[data-theme="dark"] .testimonial-text{color:#b0bec5}.testimonial-author{display:flex;align-items:center;gap:var(--spacing-3)}.testimonial-avatar{width:44px;height:44px;border-radius:50%;background:var(--gradient-primary);color:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-lg)}.testimonial-info{display:flex;flex-direction:column}.testimonial-info strong{font-size:var(--font-size-sm);color:var(--gray-900)}[data-theme="dark"] .testimonial-info strong{color:#e2e8f0}.testimonial-info span{font-size:var(--font-size-xs);color:var(--gray-500)}.faq{background:var(--gray-50)}[data-theme="dark"] .faq{background:rgba(15,23,42,0.5)}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:#ffffff;border-radius:var(--radius-lg);margin-bottom:var(--spacing-3);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal)}.faq-item:hover{box-shadow:var(--shadow-md)}[data-theme="dark"] .faq-item{background:rgba(30,41,59,0.8);border:1px solid rgba(148,163,184,0.1)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5) var(--spacing-6);background:none;border:none;cursor:pointer;font-size:var(--font-size-base);font-weight:500;color:var(--gray-800);text-align:left;gap:var(--spacing-4);transition:color var(--transition-fast)}[data-theme="dark"] .faq-question{color:#e2e8f0}.faq-question:hover{color:var(--primary)}.faq-icon{flex-shrink:0;transition:transform var(--transition-normal);color:var(--gray-400)}.faq-item.active .faq-icon{transform:rotate(180deg);color:var(--primary)}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease}.faq-item.active .faq-answer{max-height:300px}.faq-answer p{padding:0 var(--spacing-6) var(--spacing-5);font-size:var(--font-size-sm);color:var(--gray-600);line-height:1.7}[data-theme="dark"] .faq-answer p{color:#b0bec5}.about-resume-cta{background:linear-gradient(135deg,rgba(37,99,235,0.04) 0%,rgba(139,92,246,0.04) 50%,rgba(14,165,233,0.04) 100%);border:1px solid var(--gray-100);border-radius:var(--radius-xl);padding:var(--spacing-8);margin-top:var(--spacing-8);display:flex;flex-direction:column;gap:var(--spacing-6);transition:transform var(--transition-normal),opacity var(--transition-normal)}.about-resume-cta:hover{border-color:var(--primary);box-shadow:0 8px 30px rgba(37,99,235,0.08)}[data-theme="dark"] .about-resume-cta{background:linear-gradient(135deg,rgba(37,99,235,0.08) 0%,rgba(139,92,246,0.08) 50%,rgba(14,165,233,0.08) 100%);border-color:var(--gray-200)}[data-theme="dark"] .about-resume-cta:hover{border-color:var(--primary);box-shadow:0 8px 30px rgba(37,99,235,0.15)}.about-resume-cta__content{display:flex;align-items:flex-start;gap:var(--spacing-5)}.about-resume-cta__icon{flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-lg);color:white;box-shadow:0 4px 12px rgba(37,99,235,0.25)}.about-resume-cta__text h3{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-2);color:var(--gray-800)}.about-resume-cta__text p{color:var(--gray-500);font-size:var(--font-size-sm);line-height:1.6;margin-bottom:0}.about-resume-cta__btn{align-self:flex-start;padding:var(--spacing-3) var(--spacing-8);font-size:var(--font-size-base);font-weight:600;gap:var(--spacing-2)}.about-resume-cta__btn svg{transition:transform var(--transition-fast)}.about-resume-cta__btn:hover svg{transform:translateY(2px)}.about-resume-cta__btn--success{background:var(--success)!important;pointer-events:none}@media (hover:none) and (pointer:coarse){*{cursor:none!important}.custom-cursor{display:none!important}}@media (max-width:1100px){.hero-cta{flex-direction:column;gap:var(--spacing-3);align-items:flex-start}}@media (max-width:767px){*{cursor:none!important}.custom-cursor{display:none!important}.hero{padding:var(--spacing-24) 0 var(--spacing-16);text-align:center;min-height:auto}.hero-grid{grid-template-columns:1fr;gap:var(--spacing-8)}.hero-content{max-width:100%;text-align:center}.hero-badge{margin-left:auto;margin-right:auto}.hero-title{font-size:var(--font-size-4xl)}.hero-subtitle{font-size:var(--font-size-lg)}.hero-cta{flex-direction:column;gap:var(--spacing-3);align-items:center}.hero-tech-pills{justify-content:center}.hero-visual{display:flex!important;justify-content:center;align-items:center;margin-top:var(--spacing-4)}.code-editor{max-width:100%;transform:none;text-align:left}.code-editor:hover{transform:none}.code-editor__body{font-size:11px;padding:12px 14px;text-align:left;overflow-x:auto}.code-line{white-space:pre-wrap;word-break:break-all}.code-line--indent{padding-left:14px}.code-line--indent2{padding-left:28px}.code-line--indent3{padding-left:42px}}@media (max-width:575px){.about-features{grid-template-columns:1fr}.about-name{font-size:var(--font-size-2xl)}.project-img--icon{padding:var(--spacing-6) var(--spacing-4) var(--spacing-4)}.project-img--icon img{width:100px;height:100px}.project-content{padding:var(--spacing-3) var(--spacing-4) var(--spacing-4)}.project-title-row h3{font-size:var(--font-size-base)}.project-links{flex-direction:row;flex-wrap:wrap}.project-links .btn-project-link{flex:1;justify-content:center;min-width:0}:root{--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:2.5rem;--spacing-16:3rem;--spacing-20:4rem;--spacing-24:5rem;--spacing-32:6rem}.container{padding:0 var(--spacing-4)}.section-padding{padding:var(--spacing-16) 0}.section-header h2{font-size:var(--font-size-3xl)}.section-header p{font-size:var(--font-size-base)}.floating-header{top:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4)}.logo{font-size:var(--font-size-xl)}.nav{display:none;position:absolute;top:calc(100% + var(--spacing-2));left:var(--spacing-4);right:var(--spacing-4);background-color:var(--light);padding:var(--spacing-4);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden}.nav.show{display:block}.nav-list{flex-direction:column;gap:var(--spacing-4)}.nav-link{padding:var(--spacing-2) 0;font-size:var(--font-size-lg)}.header-actions{gap:var(--spacing-3)}.hamburger{display:flex}.hero{padding:var(--spacing-24) 0 var(--spacing-16);text-align:center}.hero-grid{grid-template-columns:1fr}.hero-visual{display:flex;justify-content:center;align-items:center;margin-top:var(--spacing-8)}.hero-content{max-width:100%}.hero-badge{margin-left:auto;margin-right:auto}.hero-title{font-size:var(--font-size-4xl)}.hero-subtitle{font-size:var(--font-size-lg)}.hero-cta{flex-direction:column;gap:var(--spacing-3);align-items:center}.hero-tech-pills{justify-content:center}.hero-avatar{margin-top:var(--spacing-8);width:250px;height:250px;margin-left:auto;margin-right:auto}.about-grid{grid-template-columns:1fr;gap:var(--spacing-8);text-align:center}.about-content{order:2}.about-img-wrapper{justify-self:center;order:1;padding:8px;position:relative;top:auto}.about-img-wrapper .about-img{width:140px;height:140px;border-radius:12px;margin:0;justify-self:unset}.about-img-ring{border-radius:16px;border-width:2px}.about-intro{justify-content:center}.about-features{grid-template-columns:1fr;gap:var(--spacing-3)}.about-feature-item{justify-content:center}.about-stats{grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}.stat-item h3{font-size:var(--font-size-2xl)}.stat-item p{font-size:var(--font-size-xs)}.experience-cards{grid-template-columns:1fr}.work-steps{grid-template-columns:1fr}.work-step{padding:var(--spacing-3)}.work-step__content p{font-size:var(--font-size-xs)}.about-how-i-work h3,.about-experience-compact h3{font-size:var(--font-size-base)}.projects-grid{grid-template-columns:1fr;gap:var(--spacing-6);padding:0 var(--spacing-2)}.project-card{max-width:100%}.project-links{flex-direction:column;gap:var(--spacing-2)}.project-links .btn-small{justify-content:center}.skills-grid{grid-template-columns:1fr;gap:var(--spacing-6);padding:0 var(--spacing-2)}.contact-grid{grid-template-columns:1fr;gap:var(--spacing-8);padding:0 var(--spacing-2)}.form-group input,.form-group textarea{padding:var(--spacing-4);font-size:var(--font-size-base);min-height:44px}.btn{min-height:44px;padding:var(--spacing-3) var(--spacing-6)}.scroll-to-top{bottom:var(--spacing-4);right:var(--spacing-4);width:45px;height:45px}.toast-container{bottom:16px;right:16px;left:16px}.toast{max-width:100%}.achievements-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.achievement-card{padding:var(--spacing-6) var(--spacing-4)}.techstack-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-3)}.testimonials-grid{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}.faq-question{padding:var(--spacing-4);font-size:var(--font-size-sm)}.faq-answer p{padding:0 var(--spacing-4) var(--spacing-4)}}@media (min-width:576px) and (max-width:767px){.container{max-width:540px}.hero{padding:var(--spacing-24) 0 var(--spacing-16);text-align:center;min-height:auto}.hero-content{max-width:100%;text-align:center}.hero-badge{margin-left:auto;margin-right:auto}.hero-title{font-size:var(--font-size-4xl)}.hero-subtitle{font-size:var(--font-size-lg)}.hero-cta{justify-content:center}.hero-tech-pills{justify-content:center}.about-grid{grid-template-columns:1fr;gap:var(--spacing-8);text-align:center}.about-content{order:2}.about-img-wrapper{justify-self:center;order:1;position:relative;top:auto}.about-img-wrapper .about-img{width:160px;height:160px;border-radius:12px;margin:0;justify-self:unset}.about-intro{justify-content:center}.about-features{grid-template-columns:1fr;gap:var(--spacing-3);margin:var(--spacing-6) 0}.about-feature-item{justify-content:center}.about-name{font-size:var(--font-size-2xl)}.about-stats{grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}.experience-cards{grid-template-columns:1fr}.work-steps{grid-template-columns:1fr}.about-resume-cta{flex-direction:column;text-align:center}.about-resume-cta__content{flex-direction:column;align-items:center}.testimonials-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.testimonial-card{padding:var(--spacing-6)}.projects-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:991px){.container{max-width:720px}.hero-title{font-size:var(--font-size-4xl)}.hero-visual{display:flex!important;margin-top:var(--spacing-8)}.code-editor{max-width:100%;transform:none}.code-editor:hover{transform:none}.about-grid{grid-template-columns:1fr;gap:var(--spacing-8);text-align:center}.about-content{order:2}.about-img-wrapper{justify-self:center;order:1;position:relative;top:auto}.about-img-wrapper .about-img{width:180px;height:180px;margin:0;justify-self:unset}.about-intro{justify-content:center}.about-features{grid-template-columns:1fr;gap:var(--spacing-3);margin:var(--spacing-6) 0}.about-feature-item{justify-content:center}.about-name{font-size:var(--font-size-2xl)}.about-stats{gap:var(--spacing-6)}.experience-cards{grid-template-columns:1fr 1fr}.work-steps{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3)}.work-step__connector{display:none}.about-resume-cta{flex-direction:column;text-align:center}.about-resume-cta__content{flex-direction:column;align-items:center}.about-stats .stat-item h3{font-size:var(--font-size-2xl)}.testimonials-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-5)}.testimonial-card{padding:var(--spacing-6)}.testimonials-grid .testimonial-card:last-child:nth-child(odd){grid-column:1 / -1}.projects-grid{grid-template-columns:repeat(2,1fr)}.skills-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}}@media (max-width:991px){.floating-header{top:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4)}.logo{font-size:var(--font-size-xl)}.nav{display:none;position:absolute;top:calc(100% + var(--spacing-2));left:var(--spacing-4);right:var(--spacing-4);background-color:var(--light);padding:var(--spacing-4);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden}.nav.show{display:block}.nav-list{flex-direction:column;gap:var(--spacing-4)}.nav-link{padding:var(--spacing-2) 0;font-size:var(--font-size-lg)}.header-actions{gap:var(--spacing-3)}.hamburger{display:flex}[data-theme="dark"] .nav{background-color:rgba(15,23,42,0.95);box-shadow:0 10px 15px -3px rgba(0,0,0,0.4),0 4px 6px -4px rgba(0,0,0,0.4)}[data-theme="dark"] .nav-link{color:var(--gray-500)}[data-theme="dark"] .nav-link:hover{color:var(--primary)}}@media (min-width:992px) and (max-width:1199px){.container{max-width:960px}.nav-list{gap:var(--spacing-5)}.nav-link{font-size:var(--font-size-sm)}.projects-grid{grid-template-columns:repeat(2,1fr)}.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.container{max-width:1140px}}.hide-mobile{display:none}.hide-tablet{display:none}.show-mobile{display:block}.show-tablet{display:block}@media (min-width:768px){.hide-tablet{display:initial}.show-tablet{display:none}}@media (min-width:576px){.hide-mobile{display:initial}.show-mobile{display:none}}@media print{.floating-header,.hero-cta,.contact-form,.social-links,.footer{display:none}.hero-title,.hero-subtitle,.section-header h2{color:var(--gray-900)!important;background:none!important;-webkit-text-fill-color:var(--gray-900)!important}a{color:var(--gray-900)!important;text-decoration:underline!important}}[data-theme="dark"] #notifyEmail{background-color:var(--gray-100);border:2px solid var(--gray-600);color:var(--gray-700)}[data-theme="dark"] #notifyEmail:hover{border-color:var(--gray-500)}[data-theme="dark"] #notifyEmail:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(139,92,246,0.3);outline:none}[data-theme="dark"] #notifyEmail::placeholder{color:var(--gray-500)}@media (max-width:991px){.wishlist-hero-grid{grid-template-columns:1fr 180px;gap:var(--spacing-6);align-items:center}.wishlist-hero-img img{width:180px;height:180px}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-5)}.benefits-grid .skill-item{padding:var(--spacing-3)}}@media (max-width:768px){.wishlist-hero-grid{grid-template-columns:1fr;gap:var(--spacing-6);text-align:center}.wishlist-hero-content{order:2}.wishlist-hero-img{order:1;justify-self:center}.wishlist-hero-img img{width:150px;height:150px}.wishlist-hero-content .about-stats{grid-template-columns:repeat(3,1fr);gap:var(--spacing-3)}.wishlist-hero-content .about-stats .stat-item{padding:var(--spacing-3)}.wishlist-hero-content .about-stats .stat-item h3{font-size:var(--font-size-2xl)}.wishlist-hero-content .about-stats .stat-item p{font-size:var(--font-size-xs)}.wishlist-notify{margin:2rem auto 2rem;padding:2rem 1.5rem}.wishlist-notify-form{flex-direction:column;gap:var(--spacing-3)}.wishlist-notify-form .form-group{width:100%}.wishlist-notify-form .form-group input{width:100%;min-height:48px;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);box-sizing:border-box}.wishlist-notify-form .btn{width:100%}}@media (max-width:575px){.wishlist-hero-grid{text-align:center;gap:var(--spacing-4)}.wishlist-hero-img img{width:120px;height:120px}.wishlist-notify{margin:1.5rem auto;padding:1.25rem 1rem;max-width:100%}.wishlist-notify h3{font-size:var(--font-size-lg)}.benefits-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.benefits-grid .skill-item{padding:var(--spacing-2) var(--spacing-3)}}@media (max-width:375px){.about-stats{grid-template-columns:1fr;gap:var(--spacing-2)}.about-stats .stat-item{padding:var(--spacing-2)}.about-stats .stat-item h3{font-size:var(--font-size-xl)}.wishlist-hero-content .about-stats{grid-template-columns:1fr;gap:var(--spacing-2)}.wishlist-hero-content .about-stats .stat-item{padding:var(--spacing-2)}.wishlist-hero-content .about-stats .stat-item h3{font-size:var(--font-size-xl)}}.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease-out,transform 0.6s ease-out}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal.reveal-delay-1{transition-delay:0.1s}.reveal.reveal-delay-2{transition-delay:0.2s}.reveal.reveal-delay-3{transition-delay:0.3s}.nav-link.active{color:var(--primary);position:relative}.nav-link.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:1px}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));z-index:10000;transition:width 0.1s linear;overflow:hidden}.scroll-progress::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);transform:translateX(-100%);animation:progressShimmer 2s ease-in-out infinite}@keyframes progressShimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.toast-container{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:12px;font-size:0.9rem;font-weight:500;color:#fff;pointer-events:auto;opacity:0;transform:translateX(40px);transition:all 0.4s cubic-bezier(0.16,1,0.3,1);-webkit-backdrop-filter:blur(12px);;backdrop-filter:blur(12px)box-shadow:0 8px 32px rgba(0,0,0,0.2);max-width:360px}.toast.show{opacity:1;transform:translateX(0)}.toast-success{background:linear-gradient(135deg,rgba(16,185,129,0.9),rgba(5,150,105,0.9))}.toast-error{background:linear-gradient(135deg,rgba(239,68,68,0.9),rgba(220,38,38,0.9))}.toast svg{flex-shrink:0}.btn-loader{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:btnSpin 0.6s linear infinite;vertical-align:middle}@keyframes btnSpin{to{transform:rotate(360deg)}}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.scroll-progress{animation:none}.toast{transition:opacity 0.2s ease;transform:none}.toast.show{transform:none}.hero-floating{animation:none}}[data-theme="dark"] .toast{box-shadow:0 8px 32px rgba(0,0,0,0.4)}@media print{.scroll-progress,.toast-container,.scroll-to-top{display:none}.reveal{opacity:1;transform:none}}