*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#050505;--bg-secondary:#0c0c0c;--bg-card:#111;--bg-card-hover:#161616;--border:#1a1a1a;--border-hover:#2a2a2a;--text-primary:#f5f5f5;--text-secondary:#b5b5b5;--text-muted:gray;--accent:#fff;--accent-dim:#ffffff0a;--accent-glow:#ffffff05;--bg-navbar:#050505bf;--font-heading:"Space Grotesk", -apple-system, sans-serif;--font-body:"Inter", -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition:.35s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--color-github:#fff;--color-x:#1da1f2;--color-linkedin:#0a66c2;--color-email:#ea4335;--color-github-glow:#ffffff26;--color-x-glow:#1da1f226;--color-linkedin-glow:#0a66c226;--color-email-glow:#ea433526}:root[data-theme=light]{--bg-primary:#f8f9fa;--bg-secondary:#f1f3f5;--bg-card:#fff;--bg-card-hover:#f8f9fa;--border:#e9ecef;--border-hover:#dee2e6;--text-primary:#1a1a1a;--text-secondary:#495057;--text-muted:#6c757d;--accent:#000;--accent-dim:#0000000a;--accent-glow:#00000003;--bg-navbar:#f8f9fabf;--color-github:#181717;--color-x:#1da1f2;--color-linkedin:#0a66c2;--color-email:#ea4335;--color-github-glow:#18171714}body,.navbar,.project-card,.skill-category,.experience-item,.education-card,.blog-card,.hobby-card,.connect-social-icon,.theme-toggle-btn,.btn-primary,.btn-secondary,.social-icon{transition:background-color var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition)}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{max-width:1200px;margin:0 auto;padding:0 32px}section{padding:90px 0;position:relative}.navbar{z-index:100;-webkit-backdrop-filter:blur(24px)saturate(1.2);background:var(--bg-navbar);border-bottom:1px solid var(--border);transition:var(--transition);padding:14px 0;position:fixed;top:0;left:0;right:0}.navbar .container{justify-content:space-between;align-items:center;display:flex}.nav-logo{font-family:var(--font-heading);letter-spacing:-.5px;color:var(--text-primary);font-size:1.2rem;font-weight:700}.nav-logo-bracket{color:#4ade80;opacity:1;transition:var(--transition);font-weight:600}.nav-logo:hover .nav-logo-bracket{color:#22c55e;text-shadow:0 0 8px #4ade8080}.nav-logo-slash{color:#4ade80;margin:0 2px;font-weight:700}.nav-actions{align-items:center;gap:16px;display:flex}.theme-toggle-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);width:40px;height:40px;color:var(--text-primary);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;display:inline-flex}.theme-toggle-btn:hover{border-color:var(--border-hover);background:var(--bg-card-hover);box-shadow:0 4px 12px var(--accent-glow);transform:scale(1.05)rotate(10deg)}.theme-toggle-btn:active{transform:scale(.95)}.theme-toggle-btn svg{width:18px;height:18px}.nav-backdrop,.nav-mobile-header-top,.nav-mobile-divider,.nav-mobile-socials,.nav-mobile-footer{display:none}.nav-links a{color:var(--text-secondary);transition:var(--transition);letter-spacing:.5px;text-transform:uppercase;padding:12px;font-size:.82rem;font-weight:500;position:relative}.nav-links a:after{content:"";background:var(--text-primary);width:0;height:1px;transition:var(--transition);position:absolute;bottom:-6px;left:0}.nav-links a:hover{color:var(--text-primary)}.nav-links a:hover:after{width:100%}.nav-hamburger{cursor:pointer;flex-direction:column;gap:5px;padding:4px;display:none}.nav-hamburger span{background:var(--text-primary);width:24px;height:2px;transition:var(--transition);border-radius:2px}.hero{align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-particles{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.hero-particle{background:var(--text-primary);opacity:0;border-radius:50%;animation:linear infinite particleFloat;position:absolute}@keyframes particleFloat{0%{opacity:0;transform:translateY(0)scale(0)}20%{opacity:1;transform:translateY(-20px)scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-100px)scale(0)}}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff04 0%,#0000 70%);width:500px;height:500px;position:absolute;top:20%;left:-10%}.hero-content{z-index:2;max-width:720px;position:relative}.hero-visual{z-index:0;opacity:.25;width:400px;height:400px;position:absolute;top:50%;right:-40px;transform:translateY(-50%)}.hero-grid{grid-template-columns:repeat(8,1fr);gap:4px;width:100%;height:100%;display:grid}.grid-cell{background:var(--border);border-radius:2px;animation:5s ease-in-out infinite gridPulse}@keyframes gridPulse{0%,to{opacity:.15}50%{opacity:.5}}.hero-terminal-bar{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff08;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;animation:.6s ease-out fadeInUp;display:inline-flex}.terminal-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.terminal-dot.red{background:#ff5f56}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#27c93f}.terminal-path{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.5px;margin-left:4px;font-size:.72rem}.hero-tag{background:var(--accent-dim);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.5px;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 18px;font-size:.75rem;animation:.6s ease-out fadeInUp;display:inline-flex}.hero-tag .dot{background:#4ade80;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s infinite pulse}.hero-greeting{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:2px;margin-bottom:16px;font-size:.9rem;animation:.6s ease-out .1s both fadeInUp}.hero-typing-line{font-family:var(--font-mono);align-items:center;gap:10px;margin-bottom:16px;font-size:.82rem;animation:.6s ease-out .1s both fadeInUp;display:flex}.hero-prompt{color:#4ade80;font-weight:700}.hero-command{color:var(--text-muted)}.hero h1{font-family:var(--font-heading);letter-spacing:-3px;margin-bottom:20px;font-size:clamp(3.2rem,7.5vw,6rem);font-weight:700;line-height:1;animation:.6s ease-out .2s both fadeInUp}.hero-small-text{color:var(--text-muted);letter-spacing:8px;text-transform:uppercase;-webkit-text-fill-color:var(--text-muted);margin-bottom:8px;font-size:.35em;font-weight:400;display:block}.hero h1 .name-highlight{background:linear-gradient(180deg, var(--text-primary) 0%, #fff9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline;position:relative}.hero-description{color:var(--text-secondary);max-width:520px;margin-bottom:32px;font-size:1.1rem;line-height:1.75;animation:.6s ease-out .3s both fadeInUp}.hero-typing-container{font-family:var(--font-mono);align-items:center;gap:8px;min-height:28px;margin-bottom:40px;font-size:.88rem;animation:.6s ease-out .35s both fadeInUp;display:flex}.hero-typing-label{color:var(--text-secondary)}.hero-typing-text{color:var(--text-primary);font-weight:500}.hero-typing-cursor{color:var(--text-primary);margin-left:-4px;font-weight:700;animation:.8s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-buttons{flex-wrap:wrap;gap:14px;margin-bottom:48px;animation:.6s ease-out .4s both fadeInUp;display:flex}.btn-primary{background:var(--text-primary);color:var(--bg-primary);border-radius:var(--radius-md);transition:var(--transition);letter-spacing:.3px;align-items:center;gap:10px;padding:14px 30px;font-size:.88rem;font-weight:600;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #ffffff1f}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-hover);border-radius:var(--radius-md);transition:var(--transition);letter-spacing:.3px;background:0 0;align-items:center;gap:10px;padding:14px 30px;font-size:.88rem;font-weight:600;display:inline-flex}.btn-secondary:hover{border-color:var(--text-muted);background:var(--accent-dim);transform:translateY(-2px)}.hero-socials{gap:12px;animation:.6s ease-out .5s both fadeInUp;display:flex}.social-icon{border:1px solid var(--border);border-radius:var(--radius-md);width:46px;height:46px;color:var(--text-secondary);transition:var(--transition);justify-content:center;align-items:center;display:inline-flex}.social-icon:hover{color:var(--text-primary);border-color:var(--text-muted);background:var(--accent-dim);transform:translateY(-3px)}.social-icon svg{width:18px;height:18px}.section-header{margin-bottom:44px}.section-label{font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:3px;text-transform:uppercase;margin-bottom:14px;font-size:.75rem;font-weight:600}.section-title{font-family:var(--font-heading);letter-spacing:-1.5px;font-size:clamp(2rem,4vw,3.2rem);font-weight:700;line-height:1.1}.section-divider{background:linear-gradient(90deg,#4ade80,#0000);border-radius:2px;width:56px;height:3px;margin-top:20px}.skills-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.skill-category{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);padding:36px 32px;position:relative;overflow:hidden}.skill-category:before{content:"";opacity:0;height:1px;transition:var(--transition);background:linear-gradient(90deg,#0000,#ffffff0f,#0000);position:absolute;top:0;left:0;right:0}.skill-category:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-4px)}.skill-category:hover:before{opacity:1}.skill-category-header{align-items:baseline;gap:14px;margin-bottom:24px;display:flex}.skill-number{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:1px;font-size:.7rem}.skill-category h3{font-family:var(--font-heading);letter-spacing:-.3px;font-size:1.15rem;font-weight:600}.skill-tags{flex-wrap:wrap;gap:8px;display:flex}.skill-tag{border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-secondary);transition:var(--transition);letter-spacing:.3px;background:#ffffff08;border-radius:100px;align-items:center;padding:7px 16px;font-size:.78rem;display:inline-flex}.skill-tag:hover{border-color:var(--text-muted);color:var(--text-primary);background:#ffffff0f}.projects-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);position:relative;overflow:hidden}.project-card:hover{border-color:var(--border-hover);transform:translateY(-6px);box-shadow:0 24px 64px #00000080}.project-image{width:100%;height:220px;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:var(--transition-slow);filter:grayscale(40%)brightness(.85)}.project-card:hover .project-image img{filter:grayscale(0%)brightness();transform:scale(1.06)}.project-image-overlay{pointer-events:none;background:linear-gradient(#0000 40%,#0009 100%);position:absolute;inset:0}.project-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--font-mono);color:#fff;text-transform:uppercase;letter-spacing:1.5px;z-index:2;background:#0f0f0fd9;border:1px solid #ffffff26;border-radius:100px;padding:5px 14px;font-size:.68rem;position:absolute;top:14px;right:14px}.project-info{padding:28px}.project-info h3{font-family:var(--font-heading);letter-spacing:-.3px;margin-bottom:10px;font-size:1.2rem;font-weight:600}.project-info p{color:var(--text-secondary);margin-bottom:24px;font-size:.88rem;line-height:1.65}.project-links{gap:10px;display:flex}.project-link{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition);letter-spacing:.3px;background:#ffffff08;align-items:center;gap:7px;padding:9px 18px;font-size:.8rem;font-weight:500;display:inline-flex}.project-link:hover{border-color:var(--text-muted);color:var(--text-primary);background:#ffffff0f}.about-content{grid-template-columns:1.2fr .8fr;align-items:start;gap:72px;display:grid}.about-text h3{font-family:var(--font-heading);letter-spacing:-.5px;background:linear-gradient(180deg, var(--text-primary) 0%, #ffffffa6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:1.5rem;font-weight:600}.about-text p{color:var(--text-secondary);margin-bottom:18px;font-size:.98rem;line-height:1.85}.about-text p strong{color:var(--text-primary);font-weight:600}.about-stats{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.about-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:var(--transition);padding:32px 24px;position:relative;overflow:hidden}.about-stat:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff04,#0000);position:absolute;inset:0}.about-stat:hover{border-color:var(--border-hover);transform:translateY(-3px)}.about-stat-number{font-family:var(--font-heading);letter-spacing:-1px;margin-bottom:6px;font-size:2.2rem;font-weight:700}.about-stat-label{color:var(--text-muted);letter-spacing:.5px;font-size:.82rem}.experience-timeline{max-width:700px;position:relative}.experience-timeline:before{content:"";background:linear-gradient(180deg, var(--border), var(--border-hover), transparent);width:1px;position:absolute;top:0;bottom:0;left:0}.experience-item{padding-bottom:52px;padding-left:44px;position:relative}.experience-item:last-child{padding-bottom:0}.experience-item:before{content:"";background:var(--bg-primary);border:2px solid var(--text-muted);z-index:1;width:11px;height:11px;transition:var(--transition);border-radius:50%;position:absolute;top:6px;left:-5px}.experience-item:hover:before{border-color:var(--text-primary);box-shadow:0 0 16px #ffffff1f}.experience-date{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:1px;margin-bottom:10px;font-size:.75rem;display:block}.experience-item h3{font-family:var(--font-heading);letter-spacing:-.3px;margin-bottom:4px;font-size:1.2rem;font-weight:600}.experience-company{color:var(--text-secondary);margin-bottom:10px;font-size:.95rem}.experience-description{color:var(--text-muted);font-size:.88rem;line-height:1.65}.blogs-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.blog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);overflow:hidden}.blog-card:hover{border-color:var(--border-hover);transform:translateY(-6px);box-shadow:0 24px 64px #00000080}.blog-image{width:100%;height:200px;position:relative;overflow:hidden}.blog-image img{object-fit:cover;width:100%;height:100%;transition:var(--transition-slow);filter:grayscale(50%)brightness(.8)}.blog-card:hover .blog-image img{filter:grayscale(0%)brightness();transform:scale(1.06)}.blog-image-overlay{pointer-events:none;background:linear-gradient(#0000 30%,#00000080 100%);position:absolute;inset:0}.blog-info{padding:28px}.blog-info .blog-date{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px;font-size:.7rem}.blog-info h3{font-family:var(--font-heading);letter-spacing:-.3px;margin-bottom:10px;font-size:1.1rem;font-weight:600;line-height:1.35}.blog-info p{color:var(--text-secondary);margin-bottom:24px;font-size:.86rem;line-height:1.65}.blog-link{color:var(--text-primary);transition:var(--transition);letter-spacing:.3px;align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:inline-flex}.blog-link:hover{gap:14px}.blog-link svg{width:16px;height:16px;transition:var(--transition)}.hobbies-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.hobby-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:var(--transition);padding:36px 24px;position:relative;overflow:hidden}.hobby-card:before{content:"";opacity:0;transition:var(--transition);background:linear-gradient(135deg,#ffffff05,#0000);position:absolute;inset:0}.hobby-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-4px)}.hobby-card:hover:before{opacity:1}.hobby-card h3{font-family:var(--font-heading);letter-spacing:-.2px;color:var(--text-primary);font-size:1.05rem;font-weight:600}.education-content{max-width:800px}.education-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);gap:28px;padding:36px 32px;display:flex;position:relative;overflow:hidden}.education-card:before{content:"";opacity:0;height:1px;transition:var(--transition);background:linear-gradient(90deg,#0000,#ffffff14,#0000);position:absolute;top:0;left:0;right:0}.education-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-4px)}.education-card:hover:before{opacity:1}.education-icon-wrapper{border:1px solid var(--border);border-radius:var(--radius-md);width:56px;height:56px;color:var(--text-secondary);transition:var(--transition);background:#ffffff0a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.education-card:hover .education-icon-wrapper{border-color:var(--text-muted);color:var(--text-primary)}.education-icon-wrapper svg{width:24px;height:24px}.education-info{flex:1;min-width:0}.education-top-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;display:flex}.education-top-row h3{font-family:var(--font-heading);letter-spacing:-.3px;color:var(--text-primary);font-size:1.2rem;font-weight:600}.education-period{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:1px;white-space:nowrap;border:1px solid var(--border);background:#ffffff08;border-radius:100px;padding:5px 14px;font-size:.75rem}.education-school{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:16px;font-size:.92rem;display:inline-flex}.education-school svg{flex-shrink:0;width:14px;height:14px}.education-description{color:var(--text-muted);font-size:.9rem;line-height:1.7}.connect-section{text-align:center;padding:120px 0}.connect-section .section-header{flex-direction:column;align-items:center;display:flex}.connect-text{color:var(--text-secondary);max-width:560px;margin:0 auto 44px;font-size:1.08rem;line-height:1.85}.connect-socials{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.connect-social-icon{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition);letter-spacing:.3px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:.88rem;font-weight:500;display:inline-flex}.connect-social-icon:hover{color:var(--text-primary);border-color:var(--text-muted);background:#ffffff0a;transform:translateY(-3px)}.connect-social-icon svg{width:18px;height:18px}.footer{border-top:1px solid var(--border);text-align:center;background:0 0;padding:32px 0}.footer-content{justify-content:center;align-items:center;display:flex}.footer-text{color:var(--text-muted);letter-spacing:.3px;font-size:.88rem}.footer-text span{color:var(--text-secondary);font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.fade-in{opacity:0;transition:opacity .7s ease-out,transform .7s ease-out;transform:translateY(32px)}.fade-in.visible{opacity:1;transform:translateY(0)}@media (width<=1024px){.skills-grid,.projects-grid,.blogs-grid{grid-template-columns:repeat(2,1fr)}.about-content{grid-template-columns:1fr;gap:48px}.hero-visual{display:none}.education-card{flex-direction:column;padding:28px 24px}.education-icon-wrapper{width:48px;height:48px}.education-icon-wrapper svg{width:20px;height:20px}}@media (width<=768px){.container{padding:0 20px}section{padding:70px 0}.nav-backdrop{-webkit-backdrop-filter:blur(8px);z-index:98;background:#0006;animation:.4s ease-out fadeIn;display:block;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nav-links{background:var(--bg-card);border-left:1px solid var(--border);z-index:99;border-top-left-radius:32px;border-bottom-left-radius:32px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;width:85%;max-width:360px;height:100vh;padding:90px 32px 32px 40px;transition:right .45s cubic-bezier(.85,0,.15,1);display:flex;position:fixed;top:0;right:-100%;box-shadow:-10px 0 40px #0000004d}.nav-links.open{right:0}.nav-mobile-header-top{opacity:0;flex-direction:column;margin-bottom:24px;transition:opacity .4s .1s,transform .4s .1s;display:flex;transform:translateY(-10px)}.nav-links.open .nav-mobile-header-top{opacity:1;transform:translateY(0)}.nav-mobile-greeting{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-muted);letter-spacing:1.5px;font-size:.75rem}.nav-links a{color:var(--text-primary);letter-spacing:-.5px;opacity:0;border-bottom:1px solid #ffffff08;width:100%;padding:8px 0;font-size:1.5rem;font-weight:600;transition:opacity .4s,transform .4s,color .3s;transform:translate(30px)}:root[data-theme=light] .nav-links a{border-bottom-color:#0000000a}.nav-links a:after{display:none}.nav-links a:hover{color:#4ade80;transform:translate(6px)!important}.nav-links.open a{opacity:1;transform:translate(0)}.nav-links.open a:nth-child(2){transition-delay:.1s}.nav-links.open a:nth-child(3){transition-delay:.15s}.nav-links.open a:nth-child(4){transition-delay:.2s}.nav-links.open a:nth-child(5){transition-delay:.25s}.nav-links.open a:nth-child(6){transition-delay:.3s}.nav-links.open a:nth-child(7){transition-delay:.35s}.nav-links.open a:nth-child(8){transition-delay:.4s}.nav-mobile-divider{opacity:0;background:#4ade80;width:60px;height:2px;margin:16px 0 12px;transition:opacity .4s .45s;display:block}.nav-links.open .nav-mobile-divider{opacity:1}.nav-mobile-socials{opacity:0;gap:16px;margin-top:8px;transition:opacity .4s .5s,transform .4s .5s;display:flex;transform:translateY(10px)}.nav-links.open .nav-mobile-socials{opacity:1;transform:translateY(0)}.nav-mobile-socials a{border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:inline-flex}.nav-mobile-socials a:hover{color:var(--text-primary);border-color:var(--text-muted);background:var(--accent-dim);transform:translateY(-2px)}.nav-mobile-socials svg{width:16px;height:16px}.nav-mobile-footer{font-family:var(--font-mono);opacity:0;flex-direction:column;gap:4px;margin-top:auto;transition:opacity .4s .55s,transform .4s .55s;display:flex;transform:translateY(10px)}.nav-links.open .nav-mobile-footer{opacity:.6;transform:translateY(0)}.nav-mobile-footer p{color:var(--text-primary);font-size:.85rem;font-weight:700}.nav-mobile-footer span{color:var(--text-secondary);font-size:.65rem}.nav-hamburger{z-index:101;display:flex}.nav-hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hero h1{letter-spacing:-2px;font-size:clamp(2.5rem,10vw,4rem)}.skills-grid,.projects-grid,.blogs-grid{grid-template-columns:1fr}.hobbies-grid{grid-template-columns:repeat(2,1fr)}.footer-content{flex-direction:column;gap:20px}.hero-buttons{flex-direction:column;align-items:flex-start}.about-stats{grid-template-columns:repeat(2,1fr)}.section-header{margin-bottom:32px}}@media (width<=480px){.container{padding:0 16px}.hobbies-grid{grid-template-columns:repeat(2,1fr)}.connect-socials{flex-direction:column;align-items:center}.connect-social-icon{justify-content:center;width:100%;max-width:260px}}.social-icon.github,.connect-social-icon.github,.nav-mobile-socials a.github,.footer-social-icon.github{color:var(--color-github);border-color:#a855f740}.social-icon.github:hover,.connect-social-icon.github:hover,.nav-mobile-socials a.github:hover,.footer-social-icon.github:hover{background:var(--color-github-glow);border-color:var(--color-github);color:var(--color-github);box-shadow:0 0 16px var(--color-github-glow);transform:translateY(-3px)}.social-icon.x,.connect-social-icon.x,.nav-mobile-socials a.x,.footer-social-icon.x{color:var(--color-x);border-color:#1d9bf040}.social-icon.x:hover,.connect-social-icon.x:hover,.nav-mobile-socials a.x:hover,.footer-social-icon.x:hover{background:var(--color-x-glow);border-color:var(--color-x);color:var(--color-x);box-shadow:0 0 16px var(--color-x-glow);transform:translateY(-3px)}.social-icon.linkedin,.connect-social-icon.linkedin,.nav-mobile-socials a.linkedin,.footer-social-icon.linkedin{color:var(--color-linkedin);border-color:#0a66c240}.social-icon.linkedin:hover,.connect-social-icon.linkedin:hover,.nav-mobile-socials a.linkedin:hover,.footer-social-icon.linkedin:hover{background:var(--color-linkedin-glow);border-color:var(--color-linkedin);color:var(--color-linkedin);box-shadow:0 0 16px var(--color-linkedin-glow);transform:translateY(-3px)}.connect-social-icon.email{color:var(--color-email);border-color:#ea433540}.connect-social-icon.email:hover{background:var(--color-email-glow);border-color:var(--color-email);color:var(--color-email);box-shadow:0 0 16px var(--color-email-glow);transform:translateY(-3px)}