:root{--bg-primary:#0a0a0a;--bg-secondary:#111827;--bg-card:#1e293b;--bg-card-hover:#253449;--accent:#3b82f6;--accent-secondary:#8b5cf6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#94a3b81a;--border-hover:#3b82f64d;--gradient-accent:linear-gradient(135deg, #3b82f6, #8b5cf6);--gradient-subtle:linear-gradient(135deg, #3b82f61a, #8b5cf61a);--gradient-card:linear-gradient(135deg, #1e293b80, #1e293bcc);--glass-bg:#11182799;--glass-border:#94a3b814;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 30px #00000080;--shadow-glow:0 0 40px #3b82f626;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--max-width:1200px;--nav-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.7;overflow-x:hidden}::selection{color:var(--text-primary);background:#3b82f64d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,textarea{font-family:inherit}.scroll-progress{background:var(--gradient-accent);z-index:1001;transform-origin:0;height:3px;position:fixed;top:0;left:0}.navbar{height:var(--nav-height);z-index:1000;transition:var(--transition-base);-webkit-backdrop-filter:blur(20px);background:#0a0a0acc;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.navbar.scrolled{border-bottom-color:var(--glass-border);box-shadow:var(--shadow-sm);background:#0a0a0aeb}.navbar-container{max-width:var(--max-width);padding:0 var(--space-6);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.navbar-logo{align-items:center;gap:var(--space-3);font-weight:700;font-size:var(--text-lg);letter-spacing:-.02em;display:flex}.navbar-logo .logo-icon{background:var(--gradient-accent);border-radius:var(--radius-md);width:36px;height:36px;font-weight:800;font-size:var(--text-sm);color:#fff;justify-content:center;align-items:center;display:flex}.navbar-links{align-items:center;gap:var(--space-1);list-style:none;display:flex}.navbar-links a{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-md);transition:var(--transition-fast);font-weight:500;position:relative}.navbar-links a:hover{color:var(--text-primary);background:#f8fafc0d}.navbar-links a.active{color:var(--text-primary);background:#3b82f61a}.navbar-resume-btn{box-shadow:0 2px 10px #3b82f64d;padding:var(--space-2) var(--space-5)!important;background:var(--gradient-accent)!important;color:#fff!important;border-radius:var(--radius-full)!important;font-weight:600!important;font-size:var(--text-sm)!important;transition:var(--transition-fast)!important}.navbar-resume-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #3b82f666!important}.mobile-toggle{cursor:pointer;padding:var(--space-2);z-index:1002;flex-direction:column;gap:5px;display:none}.mobile-toggle span{background:var(--text-primary);border-radius:var(--radius-full);width:22px;height:2px;transition:var(--transition-fast)}.mobile-toggle.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.mobile-toggle.open span:nth-child(2){opacity:0}.mobile-toggle.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.section{padding:var(--space-24) var(--space-6);max-width:var(--max-width);margin:0 auto;position:relative}.section-label{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);background:var(--gradient-subtle);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:var(--space-6);font-weight:600;display:inline-flex}.section-label .label-dot{background:var(--accent);border-radius:var(--radius-full);width:6px;height:6px}.section-title{font-size:var(--text-4xl);letter-spacing:-.03em;margin-bottom:var(--space-4);color:var(--text-primary);font-weight:800;line-height:1.2}.section-subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;line-height:1.7}.hero{min-height:100vh;padding-top:var(--nav-height);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.hero-grid{background-image:linear-gradient(#3b82f608 1px,#0000 1px),linear-gradient(90deg,#3b82f608 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 70%);mask-image:radial-gradient(#000 30%,#0000 70%)}.hero-glow{filter:blur(120px);opacity:.15;border-radius:50%;width:600px;height:600px;position:absolute}.hero-glow-1{background:var(--accent);top:10%;left:20%}.hero-glow-2{background:var(--accent-secondary);bottom:20%;right:15%}.hero-content{z-index:1;max-width:var(--max-width);padding:0 var(--space-6);align-items:center;gap:var(--space-16);width:100%;margin:0 auto;display:flex;position:relative}.hero-text{flex:1}.hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--accent);margin-bottom:var(--space-8);background:#3b82f614;border:1px solid #3b82f633;font-weight:500;display:inline-flex}.hero-badge .pulse-dot{border-radius:var(--radius-full);background:#22c55e;width:8px;height:8px;position:relative}.hero-badge .pulse-dot:after{content:"";border-radius:var(--radius-full);border:1px solid #22c55e;animation:2s ease-out infinite pulse-ring;position:absolute;inset:-3px}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.hero-name{font-size:clamp(2.5rem, 5vw, var(--text-6xl));letter-spacing:-.04em;margin-bottom:var(--space-4);font-weight:900;line-height:1.1}.hero-name .gradient-text{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-role{font-size:var(--text-xl);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:500}.hero-role span{color:var(--accent)}.hero-sub-role{font-size:var(--text-base);color:var(--text-muted);margin-bottom:var(--space-6)}.hero-description{font-size:var(--text-lg);color:var(--text-secondary);max-width:540px;margin-bottom:var(--space-8);line-height:1.8}.hero-cta{gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.hero-socials{align-items:center;gap:var(--space-3);display:flex}.hero-socials a{border-radius:var(--radius-lg);border:1px solid var(--border);width:42px;height:42px;color:var(--text-secondary);transition:var(--transition-fast);font-size:var(--text-lg);justify-content:center;align-items:center;display:flex}.hero-socials a:hover{color:var(--text-primary);border-color:var(--border-hover);background:#3b82f60d;transform:translateY(-2px)}.hero-image-wrapper{flex-shrink:0;position:relative}.hero-image{border-radius:var(--radius-2xl);border:1px solid var(--border);background:var(--gradient-card);width:320px;height:320px;position:relative;overflow:hidden}.hero-image img{object-fit:cover;width:100%;height:100%}.hero-image-glow{border-radius:var(--radius-2xl);background:var(--gradient-accent);opacity:.15;z-index:-1;filter:blur(20px);position:absolute;inset:-2px}.hero-float-card{padding:var(--space-3) var(--space-4);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;box-shadow:var(--shadow-md);position:absolute}.hero-float-card.card-1{top:-10px;right:-30px}.hero-float-card.card-2{bottom:20px;left:-40px}.hero-float-card .card-value{font-weight:700;font-size:var(--text-base);color:var(--text-primary)}.hero-scroll-indicator{bottom:var(--space-8);align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;flex-direction:column;font-weight:500;display:flex;position:absolute;left:50%;transform:translate(-50%)}.scroll-mouse{border:2px solid var(--text-muted);border-radius:12px;width:24px;height:38px;position:relative}.scroll-mouse:after{content:"";background:var(--text-muted);border-radius:var(--radius-full);width:3px;height:8px;animation:2s ease-in-out infinite scroll-bounce;position:absolute;top:8px;left:50%;transform:translate(-50%)}@keyframes scroll-bounce{0%,to{opacity:1;top:8px}50%{opacity:.3;top:18px}}.btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);border-radius:var(--radius-lg);transition:var(--transition-base);white-space:nowrap;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-accent);color:#fff;box-shadow:0 2px 15px #3b82f64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #3b82f666}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);background:#f8fafc0d}.btn-secondary:hover{border-color:var(--border-hover);background:#f8fafc1a;transform:translateY(-2px)}.btn-ghost{color:var(--text-secondary);padding:var(--space-3) var(--space-4)}.btn-ghost:hover{color:var(--text-primary);background:#f8fafc0d}.about-grid{gap:var(--space-16);margin-top:var(--space-12);grid-template-columns:1fr 1fr;align-items:start;display:grid}.about-content p{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:var(--space-6);line-height:1.8}.about-content p:last-child{margin-bottom:0}.about-stats{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.stat-card{padding:var(--space-6);background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius-xl);transition:var(--transition-base)}.stat-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.stat-value{font-size:var(--text-3xl);background:var(--gradient-accent);-webkit-text-fill-color:transparent;margin-bottom:var(--space-2);-webkit-background-clip:text;background-clip:text;font-weight:800}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.skills-grid{gap:var(--space-6);margin-top:var(--space-12);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.skill-category{padding:var(--space-8);background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius-xl);transition:var(--transition-base)}.skill-category:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.skill-category-icon{background:var(--gradient-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);width:48px;height:48px;font-size:var(--text-xl);color:var(--accent);margin-bottom:var(--space-5);justify-content:center;align-items:center;display:flex}.skill-category-title{font-size:var(--text-lg);margin-bottom:var(--space-5);letter-spacing:-.01em;font-weight:700}.skill-list{gap:var(--space-3);flex-direction:column;display:flex}.skill-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:var(--transition-fast);display:flex}.skill-item:hover{background:#f8fafc08}.skill-item-icon{width:32px;height:32px;font-size:var(--text-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.skill-item-name{font-size:var(--text-sm);flex:1;font-weight:500}.projects-section{background:var(--bg-secondary);padding:var(--space-24) 0;position:relative}.projects-section:before{content:"";background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px;position:absolute;top:0;left:0;right:0}.projects-container{max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.featured-project{margin-top:var(--space-12);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-2xl);transition:var(--transition-base);overflow:hidden}.featured-project:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow)}.featured-project-inner{grid-template-columns:1fr 1fr;display:grid}.featured-project-preview{background:linear-gradient(135deg,#0f172a,#1e293b);justify-content:center;align-items:center;min-height:400px;display:flex;position:relative;overflow:hidden}.project-preview-mockup{border-radius:var(--radius-lg);width:90%;max-width:480px;box-shadow:var(--shadow-lg);border:1px solid var(--border);transition:var(--transition-slow);overflow:hidden;transform:perspective(1000px)rotateY(-5deg)}.featured-project:hover .project-preview-mockup{transform:perspective(1000px)rotateY(0)}.project-preview-header{height:32px;padding:0 var(--space-3);align-items:center;gap:var(--space-2);background:#1e293bf2;display:flex}.browser-dot{border-radius:var(--radius-full);width:8px;height:8px}.browser-dot.red{background:#ef4444}.browser-dot.yellow{background:#f59e0b}.browser-dot.green{background:#22c55e}.project-preview-url{text-align:center;color:var(--text-muted);padding:2px var(--space-3);border-radius:var(--radius-sm);margin-left:var(--space-4);background:#0003;flex:1;font-size:10px}.project-preview-body{aspect-ratio:16/10;padding:var(--space-6);gap:var(--space-3);background:linear-gradient(135deg,#0f172a,#1e293b);flex-direction:column;display:flex}.project-preview-skeleton{border-radius:var(--radius-full);background:#f8fafc0f;height:8px}.project-preview-skeleton.w-75{width:75%}.project-preview-skeleton.w-50{width:50%}.project-preview-skeleton.w-90{width:90%}.project-preview-skeleton.w-60{width:60%}.project-preview-skeleton.h-lg{border-radius:var(--radius-md);height:80px}.featured-project-info{padding:var(--space-10);flex-direction:column;justify-content:center;display:flex}.featured-label{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--accent);margin-bottom:var(--space-5);text-transform:uppercase;letter-spacing:.08em;background:#3b82f61a;border:1px solid #3b82f633;width:fit-content;font-weight:600;display:inline-flex}.featured-project-title{font-size:var(--text-3xl);letter-spacing:-.03em;margin-bottom:var(--space-4);font-weight:800}.featured-project-desc{color:var(--text-secondary);margin-bottom:var(--space-6);line-height:1.8}.feature-list{gap:var(--space-2);margin-bottom:var(--space-6);flex-direction:column;display:flex}.feature-list-item{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.feature-list-item .check-icon{color:#22c55e;flex-shrink:0}.project-tech{gap:var(--space-2);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.tech-badge{padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);transition:var(--transition-fast);background:#f8fafc0d;font-weight:500}.tech-badge:hover{border-color:var(--border-hover);color:var(--accent)}.project-actions{gap:var(--space-3);display:flex}.projects-grid{gap:var(--space-6);margin-top:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.project-card{padding:var(--space-8);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);transition:var(--transition-base);flex-direction:column;min-height:260px;display:flex}.project-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.project-card-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.project-card-icon{background:var(--gradient-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);width:48px;height:48px;font-size:var(--text-xl);color:var(--accent);justify-content:center;align-items:center;display:flex}.project-card-status{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--accent-secondary);background:#8b5cf61a;border:1px solid #8b5cf633;font-weight:600}.project-card-title{font-size:var(--text-xl);margin-bottom:var(--space-3);letter-spacing:-.01em;font-weight:700}.project-card-desc{color:var(--text-secondary);font-size:var(--text-sm);flex:1;line-height:1.7}.project-card-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border);gap:var(--space-2);flex-wrap:wrap;display:flex}.education-card{margin-top:var(--space-12);padding:var(--space-10);background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius-2xl);gap:var(--space-8);transition:var(--transition-base);align-items:center;display:flex}.education-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-glow)}.education-icon{background:var(--gradient-subtle);border:1px solid var(--border);border-radius:var(--radius-xl);width:72px;height:72px;font-size:var(--text-3xl);flex-shrink:0;justify-content:center;align-items:center;display:flex}.education-info{flex:1}.education-degree{font-size:var(--text-xl);margin-bottom:var(--space-2);letter-spacing:-.01em;font-weight:700}.education-field{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-3)}.education-status{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33;font-weight:600;display:inline-flex}.education-status .status-pulse{border-radius:var(--radius-full);background:#22c55e;width:8px;height:8px;animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.4}}.contact-section{background:var(--bg-secondary);padding:var(--space-24) 0;position:relative}.contact-section:before{content:"";background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px;position:absolute;top:0;left:0;right:0}.contact-container{max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.contact-grid{gap:var(--space-16);margin-top:var(--space-12);grid-template-columns:1fr 1fr;display:grid}.contact-info{gap:var(--space-6);flex-direction:column;display:flex}.contact-cta-text{font-size:var(--text-2xl);letter-spacing:-.02em;margin-bottom:var(--space-4);font-weight:700;line-height:1.4}.contact-cta-sub{color:var(--text-secondary);margin-bottom:var(--space-8);line-height:1.7}.contact-links{gap:var(--space-4);flex-direction:column;display:flex}.contact-link-item{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-xl);transition:var(--transition-base);background:#1e293b80;text-decoration:none;display:flex}.contact-link-item:hover{border-color:var(--border-hover);background:#1e293bcc;transform:translate(4px)}.contact-link-icon{background:var(--gradient-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);width:44px;height:44px;font-size:var(--text-lg);color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-link-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.contact-link-value{font-size:var(--text-sm);color:var(--text-primary);margin-top:var(--space-1);font-weight:500}.contact-form{gap:var(--space-5);flex-direction:column;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.form-input,.form-textarea{padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);transition:var(--transition-fast);background:#1e293b80;outline:none}.form-input:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:140px}.form-input.error,.form-textarea.error{border-color:#ef4444}.form-error{font-size:var(--text-xs);color:#ef4444;margin-top:var(--space-1)}.form-success{padding:var(--space-4);border-radius:var(--radius-lg);color:#22c55e;font-size:var(--text-sm);text-align:center;background:#22c55e1a;border:1px solid #22c55e33;font-weight:500}.footer{padding:var(--space-12) var(--space-6);border-top:1px solid var(--border);background:var(--bg-primary)}.footer-container{max-width:var(--max-width);align-items:center;gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}.footer-brand{text-align:center}.footer-name{font-size:var(--text-lg);margin-bottom:var(--space-1);font-weight:700}.footer-domain{font-size:var(--text-sm);color:var(--text-muted)}.footer-socials{gap:var(--space-3);display:flex}.footer-socials a{border-radius:var(--radius-lg);border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);transition:var(--transition-fast);justify-content:center;align-items:center;display:flex}.footer-socials a:hover{color:var(--text-primary);border-color:var(--border-hover);transform:translateY(-2px)}.footer-copyright{font-size:var(--text-xs);color:var(--text-muted)}.back-to-top{bottom:var(--space-6);right:var(--space-6);background:var(--gradient-accent);border-radius:var(--radius-lg);color:#fff;width:44px;height:44px;font-size:var(--text-lg);cursor:pointer;transition:var(--transition-fast);z-index:100;border:none;justify-content:center;align-items:center;display:flex;position:fixed;box-shadow:0 4px 15px #3b82f64d}.back-to-top:hover{transform:translateY(-3px);box-shadow:0 6px 20px #3b82f666}@media (width<=1024px){.hero-content{text-align:center;gap:var(--space-8);flex-direction:column}.hero-description{margin-left:auto;margin-right:auto}.hero-cta,.hero-socials{justify-content:center}.hero-scroll-indicator,.hero-image-wrapper,.hero-float-card{display:none}.hero{min-height:auto;padding-top:calc(var(--nav-height) + var(--space-16));padding-bottom:var(--space-16)}.about-grid{gap:var(--space-10);grid-template-columns:1fr}.featured-project-inner{grid-template-columns:1fr}.featured-project-preview{min-height:300px}.contact-grid{gap:var(--space-10);grid-template-columns:1fr}}@media (width<=768px){:root{--text-6xl:2.5rem;--text-5xl:2rem;--text-4xl:1.75rem;--text-3xl:1.5rem}.section{padding:var(--space-16) var(--space-5)}.navbar-links{top:var(--nav-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--space-8);gap:var(--space-2);background:#0a0a0af2;flex-direction:column;display:none;position:fixed;bottom:0;left:0;right:0}.navbar-links.mobile-open{display:flex}.navbar-links a{font-size:var(--text-lg);padding:var(--space-4)}.mobile-toggle{display:flex}.hero-name{font-size:clamp(2rem,8vw,3rem)}.hero-badge{font-size:var(--text-xs)}.about-stats{gap:var(--space-3);grid-template-columns:1fr 1fr}.skills-grid,.projects-grid{grid-template-columns:1fr}.education-card{text-align:center;flex-direction:column}}@media (width<=480px){.hero-cta{flex-direction:column;width:100%}.hero-cta .btn{justify-content:center;width:100%}.about-stats{grid-template-columns:1fr}.project-actions{flex-direction:column}.project-actions .btn{justify-content:center;width:100%}}