*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#f5f4ff;--bg-secondary:#fff;--bg-card:#ffffffe6;--bg-card-hover:#fff;--border:#6366f11f;--border-hover:#6366f161;--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4338ca;--secondary:#7c3aed;--accent:#9333ea;--gradient-primary:linear-gradient(135deg, #6366f1 0%, #9333ea 100%);--gradient-secondary:linear-gradient(135deg, #7c3aed 0%, #6366f1 100%);--gradient-text:linear-gradient(135deg, #4338ca 0%, #6366f1 50%, #9333ea 100%);--text-primary:#1e1b4b;--text-secondary:#4b5563;--text-muted:#9ca3af;--shadow-card:0 2px 16px #6366f112, 0 1px 3px #0000000d;--shadow-card-lg:0 8px 40px #6366f11f, 0 2px 8px #0000000f;--shadow-glow:0 8px 32px #6366f133;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius-sm:8px;--radius:16px;--radius-lg:24px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .4s cubic-bezier(.34, 1.56, .64, 1)}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--primary) #e0e7ff}html::-webkit-scrollbar{width:6px}html::-webkit-scrollbar-track{background:#e0e7ff}html::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:3px}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{z-index:1;padding:110px 0;position:relative}.section-label{font-family:var(--font-mono);color:var(--primary-dark);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:14px;font-size:.78rem;font-weight:600;display:inline-flex}.section-label:before{content:"";background:var(--gradient-primary);border-radius:2px;width:28px;height:2px;display:block}.section-title{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2}.gradient-text{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:var(--transition)}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.btn{font-size:.95rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:var(--transition);letter-spacing:.01em;border:none;border-radius:50px;outline:none;align-items:center;gap:8px;padding:13px 30px;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 20px #6366f159}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #6366f180}.btn-outline{color:var(--text-primary);border:1.5px solid var(--border-hover);background:0 0}.btn-outline:hover{border-color:var(--primary);background:#6366f10f;transform:translateY(-2px)}.reveal{opacity:0;transition:opacity .75s,transform .75s;transform:translateY(32px)}.reveal.visible{opacity:1;transform:translateY(0)}.bg-effects{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.blob{filter:blur(100px);opacity:.22;border-radius:50%;animation:15s ease-in-out infinite blobFloat;position:absolute}.blob-1{background:radial-gradient(circle,#a5b4fc,#0000 70%);width:600px;height:600px;animation-duration:18s;top:-200px;left:-100px}.blob-2{background:radial-gradient(circle,#d8b4fe,#0000 70%);width:450px;height:450px;animation-duration:14s;animation-delay:-5s;top:20%;right:-80px}.blob-3{background:radial-gradient(circle,#bfdbfe,#0000 70%);width:500px;height:500px;animation-duration:20s;animation-delay:-10s;bottom:-100px;left:20%}.blob-4{opacity:.16;background:radial-gradient(circle,#c7d2fe,#0000 70%);width:300px;height:300px;animation-duration:12s;animation-delay:-7s;bottom:25%;left:65%}@keyframes blobFloat{0%,to{transform:translate(0)rotate(0)scale(1)}25%{transform:translate(30px,-40px)rotate(5deg)scale(1.04)}50%{transform:translate(-20px,20px)rotate(-3deg)scale(.97)}75%{transform:translate(15px,30px)rotate(4deg)scale(1.02)}}.grid-overlay{pointer-events:none;z-index:0;background-image:radial-gradient(#6366f11a 1px,#0000 1px);background-size:32px 32px;width:100%;height:100%;position:fixed;top:0;left:0}.navbar{z-index:1000;transition:var(--transition);padding:22px 0;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#ffffffeb;padding:14px 0;box-shadow:0 4px 24px #6366f114}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{font-family:var(--font-mono);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition);font-size:1.15rem;font-weight:600}.nav-logo:hover{opacity:.75}.logo-bracket{color:var(--primary)}.logo-name{color:var(--text-primary);margin:0 3px}.nav-links{align-items:center;gap:4px;display:flex}.nav-link{color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:10px;padding:8px 16px;font-size:.9rem;font-weight:500}.nav-link:hover{color:var(--primary);background:#6366f112}.nav-cta{background:var(--gradient-primary);color:#fff;transition:var(--transition);border-radius:50px;margin-left:8px;padding:9px 22px;font-size:.9rem;font-weight:600;text-decoration:none;box-shadow:0 4px 16px #6366f14d}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6366f173}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger span{background:var(--text-secondary);width:24px;height:2px;transition:var(--transition);border-radius:2px;display:block}.hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.hero{z-index:1;align-items:center;min-height:100vh;padding:120px 0 80px;display:flex;position:relative}.hero-inner{grid-template-columns:1.1fr .9fr;align-items:center;gap:80px;max-width:1200px;margin:0 auto;padding:0 24px;display:grid}.hero-badge{color:var(--primary-dark);font-size:.8rem;font-family:var(--font-mono);background:#6366f114;border:1px solid #6366f138;border-radius:50px;align-items:center;gap:10px;margin-bottom:28px;padding:7px 18px;font-weight:500;animation:.8s both fadeInDown;display:inline-flex}.badge-dot{background:#16a34a;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{box-shadow:0 0 #16a34a66}50%{box-shadow:0 0 0 5px #16a34a00}}.hero-greeting{color:var(--text-secondary);margin-bottom:8px;font-size:1.05rem;animation:.8s .1s both fadeInUp}.hero-name{letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(3.5rem,7vw,5.5rem);font-weight:900;line-height:1.05;animation:.8s .2s both fadeInUp}.hero-name .first{color:var(--text-primary);display:block}.hero-role-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:28px;animation:.8s .3s both fadeInUp;display:flex}.role-prefix{color:var(--text-muted);font-size:1.05rem}.typing-text{color:var(--primary);font-size:1.05rem;font-weight:700;font-family:var(--font-mono);border-right:2px solid var(--primary);min-width:220px;padding-right:3px;animation:.85s step-end infinite blink-cursor}@keyframes blink-cursor{0%,to{border-color:var(--primary)}50%{border-color:#0000}}.hero-bio{color:var(--text-secondary);max-width:520px;margin-bottom:44px;font-size:1rem;line-height:1.85;animation:.8s .4s both fadeInUp}.hero-actions{flex-wrap:wrap;gap:16px;margin-bottom:56px;animation:.8s .5s both fadeInUp;display:flex}.hero-stats{border-top:1px solid var(--border);gap:40px;padding-top:40px;animation:.8s .6s both fadeInUp;display:flex}.stat-number{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);letter-spacing:.04em;margin-top:5px;font-size:.78rem}.hero-visual{justify-content:center;align-items:center;animation:1s .3s both fadeInRight;display:flex;position:relative}.card-frame{padding:52px 20px;position:relative}.hero-code-card{border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-card-lg), 0 0 60px #6366f12e;font-family:var(--font-mono);z-index:1;background:#111827;border:1px solid #ffffff14;padding:28px;font-size:.82rem;position:relative}.code-header{border-bottom:1px solid #ffffff12;align-items:center;gap:8px;margin-bottom:22px;padding-bottom:16px;display:flex}.code-dot{border-radius:50%;width:13px;height:13px}.code-dot.red{background:#ff5f57}.code-dot.yellow{background:#ffbd2e}.code-dot.green{background:#28c840}.code-filename{color:#6b7280;margin-left:8px;font-size:.78rem}.code-line{gap:16px;margin-bottom:7px;line-height:1.7;display:flex}.code-line.indent1{padding-left:16px}.code-line.indent2{padding-left:32px}.ln{color:#374151;-webkit-user-select:none;user-select:none;text-align:right;min-width:16px}.kw{color:#c792ea}.fn{color:#82aaff}.str{color:#c3e88d}.prop{color:#89ddff}.val-bool{color:#ff5874}.comment{color:#546e7a;font-style:italic}.punc{color:#89ddff}.tech-float{border:1.5px solid var(--border);font-size:.78rem;font-weight:600;font-family:var(--font-mono);white-space:nowrap;box-shadow:var(--shadow-card-lg);color:var(--text-secondary);z-index:2;background:#fff;border-radius:50px;align-items:center;gap:7px;padding:9px 18px;display:flex;position:absolute}.tf-react{color:#4f46e5;animation:4s ease-in-out infinite techFloat;top:8px;right:20px}.tf-mongo{color:#16a34a;animation:4s ease-in-out -2s infinite techFloat;bottom:8px;left:20px}.tf-docker{color:#2563eb;animation:4s ease-in-out -1s infinite techFloat;top:50%;right:20px;transform:translateY(-50%)}.tech-float-icon{font-size:1.1rem}@keyframes techFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.about-grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:60px;display:grid}.about-text p{color:var(--text-secondary);margin-bottom:18px;font-size:.97rem;line-height:1.9}.about-text p strong{color:var(--text-primary)}.about-tags{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.about-tag{color:var(--primary-dark);transition:var(--transition);background:#6366f112;border:1px solid #6366f126;border-radius:50px;align-items:center;gap:7px;padding:8px 16px;font-size:.83rem;font-weight:500;display:inline-flex}.about-tag:hover{background:#6366f11f;border-color:#6366f14d;transform:translateY(-2px)}.about-cards{flex-direction:column;gap:18px;display:flex}.about-card{padding:26px}.about-card-icon{margin-bottom:12px;font-size:2rem;display:block}.about-card-title{color:var(--text-primary);margin-bottom:8px;font-size:1rem;font-weight:700}.about-card-text{color:var(--text-secondary);font-size:.88rem;line-height:1.65}.skills-header{text-align:center;margin-bottom:64px}.skills-categories{flex-direction:column;gap:48px;display:flex}.skill-cat-title{font-family:var(--font-mono);color:var(--primary-dark);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:16px;margin-bottom:22px;font-size:.78rem;font-weight:600;display:flex}.skill-cat-title:after{content:"";background:var(--border);flex:1;height:1px}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px;display:grid}.skill-card{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);cursor:default;transition:var(--transition);flex-direction:column;align-items:center;gap:12px;padding:24px 16px;display:flex}.skill-card:hover{box-shadow:var(--shadow-glow);transform:translateY(-6px)}.skill-icon-wrap{width:52px;height:52px;transition:var(--transition);background:#6366f10d;border-radius:12px;justify-content:center;align-items:center;display:flex}.skill-card:hover .skill-icon-wrap{background:#6366f11a}.skill-icon{object-fit:contain;width:36px;height:36px}.skill-name{color:var(--text-secondary);text-align:center;transition:var(--transition);font-size:.83rem;font-weight:600}.skill-card:hover .skill-name{color:var(--primary-dark)}.skill-card[data-t=react]:hover{border-color:#61dafb80;box-shadow:0 8px 24px #61dafb33}.skill-card[data-t=js]:hover{border-color:#eab30866;box-shadow:0 8px 24px #eab30826}.skill-card[data-t=mongo]:hover{border-color:#4db33d66;box-shadow:0 8px 24px #4db33d26}.skill-card[data-t=docker]:hover{border-color:#2496ed66;box-shadow:0 8px 24px #2496ed26}.skill-card[data-t=java]:hover{border-color:#e76f0066;box-shadow:0 8px 24px #e76f001f}.skill-card[data-t=node]:hover{border-color:#68a06366;box-shadow:0 8px 24px #68a0631f}.skill-card[data-t=pg]:hover{border-color:#33679180;box-shadow:0 8px 24px #33679126}.projects-header{margin-bottom:60px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:28px;display:grid}.project-card{transition:var(--transition);padding:32px;position:relative;overflow:hidden}.project-card:before{content:"";background:var(--gradient-primary);transform-origin:0;height:3px;transition:transform .45s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.project-card:hover:before{transform:scaleX(1)}.project-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.project-icon{font-size:2.8rem;line-height:1}.project-links{gap:10px;display:flex}.project-link{border:1px solid var(--border);width:38px;height:38px;color:var(--text-secondary);transition:var(--transition);background:#6366f10f;border-radius:10px;justify-content:center;align-items:center;font-size:1.05rem;text-decoration:none;display:flex}.project-link:hover{border-color:var(--primary);color:var(--primary-dark);background:#6366f11a;transform:translateY(-2px)}.project-title{color:var(--text-primary);margin-bottom:12px;font-size:1.25rem;font-weight:700;line-height:1.35}.project-subtitle{font-size:.78rem;font-family:var(--font-mono);color:var(--primary);margin-bottom:12px;font-weight:600}.project-desc{color:var(--text-secondary);margin-bottom:20px;font-size:.89rem;line-height:1.8}.project-highlights{flex-direction:column;gap:8px;margin-bottom:24px;list-style:none;display:flex}.project-highlights li{color:var(--text-secondary);align-items:flex-start;gap:10px;font-size:.85rem;line-height:1.5;display:flex}.project-highlights li:before{content:"▸";color:var(--primary);flex-shrink:0;margin-top:1px}.project-stack{flex-wrap:wrap;gap:8px;display:flex}.stack-badge{font-size:.73rem;font-weight:600;font-family:var(--font-mono);color:var(--primary-dark);transition:var(--transition);background:#6366f112;border:1px solid #6366f12e;border-radius:50px;padding:5px 13px}.project-card:hover .stack-badge{background:#6366f11f}.contact-wrapper{text-align:center;max-width:820px;margin:0 auto}.contact-header{margin-bottom:60px}.contact-desc{color:var(--text-secondary);margin-top:16px;font-size:1rem;line-height:1.85}.contact-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:52px;display:grid}.contact-card{text-align:center;transition:var(--transition);padding:32px 20px;text-decoration:none;display:block}.contact-card:hover{transform:translateY(-6px)}.contact-card:hover .contact-icon{transform:scale(1.15)rotate(-5deg)}.contact-icon{margin-bottom:14px;font-size:2.2rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:block}.contact-card-title{color:var(--text-primary);margin-bottom:6px;font-size:.95rem;font-weight:700}.contact-card-value{color:var(--text-secondary);font-size:.83rem;font-family:var(--font-mono)}.footer{z-index:1;border-top:1px solid var(--border);background:var(--bg-secondary);padding:36px 0;position:relative}.footer-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.footer-logo{font-family:var(--font-mono);font-size:1rem;font-weight:600}.footer-text{color:var(--text-muted);font-size:.83rem}.footer-socials{gap:12px;display:flex}.footer-social{color:var(--text-muted);border:1px solid var(--border);width:36px;height:36px;transition:var(--transition);border-radius:8px;justify-content:center;align-items:center;font-size:1.1rem;text-decoration:none;display:flex}.footer-social:hover{color:var(--primary-dark);border-color:var(--primary);background:#6366f112;transform:translateY(-2px)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media (width<=1024px){.hero-inner{grid-template-columns:1fr;gap:0}.hero-visual{display:none}.hero-badge,.hero-role-row{justify-content:center}.hero-bio{margin-left:auto;margin-right:auto}.hero-actions,.hero-stats{justify-content:center}.hero{text-align:center}.about-grid{grid-template-columns:1fr;gap:40px}.projects-grid,.contact-grid{grid-template-columns:1fr}}@media (width<=768px){.section{padding:80px 0}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#fffffff7;flex-direction:column;gap:8px;padding:20px;display:none;position:fixed;top:64px;left:0;right:0;box-shadow:0 8px 32px #6366f114}.nav-links.open{display:flex}.nav-link{text-align:center;width:100%;padding:13px}.nav-cta{text-align:center;margin-left:0}.hamburger{display:flex}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.footer-inner{text-align:center;flex-direction:column;gap:16px}.footer-text{order:3}}