:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;--primary:#646cff;--primary-dark:#535bf2;--accent:#7c3aed;--cyan:#00d4ff;--success:#00d68f;--glow:#646cff66;--glow-cyan:#00d4ff4d;--bg:#09090f;--bg-card:#0e0e1a;--bg-card-2:#13132a;--border:#646cff2e;--text-strong:#fff;--text:#ffffffe6;--muted:#88a;--scrim:#09090feb;--glass-bg:#ffffff0f;--glass-bg-strong:#0e0e1ab8;--glass-border:#ffffff1f;--glass-highlight:#fff3;--glass-shadow:#00000073;--glass-blur:22px;--icon-filter:brightness(2) grayscale(.5);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);min-width:320px;min-height:100vh;margin:0;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 15% 0,#646cff2e 0%,#0000 60%),radial-gradient(50% 50% at 100% 30%,#7c3aed26 0%,#0000 60%),radial-gradient(45% 45% at 80% 100%,#00d4ff1f 0%,#0000 60%);position:fixed;inset:0}main{padding-top:86px}a{color:var(--primary);font-weight:500;text-decoration:none;transition:color .3s}a:hover{color:var(--cyan)}h1,h2,h3,h4{line-height:1.2}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(40px)}.reveal.in-view{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .7s,transform .7s;transform:translate(-50px)}.reveal-left.in-view{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .7s,transform .7s;transform:translate(50px)}.reveal-right.in-view{opacity:1;transform:translate(0)}.stagger-1{transition-delay:.1s!important}.stagger-2{transition-delay:.2s!important}.stagger-3{transition-delay:.3s!important}.stagger-4{transition-delay:.4s!important}.stagger-5{transition-delay:.5s!important}.stagger-6{transition-delay:.6s!important}.stagger-7{transition-delay:.7s!important}.stagger-8{transition-delay:.8s!important}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--primary), var(--accent));border-radius:3px}::selection{background:var(--primary);color:#fff}
@keyframes nav-glow{0%,to{box-shadow:0 1px #646cff33}50%{box-shadow:0 1px #646cff80}}.header-page{z-index:1000;pointer-events:none;padding:14px 20px 0;position:fixed;top:0;left:0;right:0}.header-page *{pointer-events:auto}.header-page .pre-header-bar{z-index:999;pointer-events:auto;position:fixed;top:50%;right:20px;transform:translateY(-50%)}@media screen and (max-width:480px){.header-page .pre-header-bar{right:10px}.header-page .pre-header-bar .social-media{gap:4px;padding:8px 6px}.header-page .pre-header-bar .social-media a{width:30px;height:30px}.header-page .pre-header-bar .social-media a img{width:15px;height:15px}}.header-page .pre-header-bar .pre-header{flex-direction:column;align-items:center;display:flex}.header-page .pre-header-bar .pre-header .contact{display:none}.header-page .pre-header-bar .pre-header .social-media{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),inset 0 -1px 1px #0000000a,0 8px 32px var(--glass-shadow);border-radius:30px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;display:flex}.header-page .pre-header-bar .pre-header .social-media a{opacity:.65;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.header-page .pre-header-bar .pre-header .social-media a:hover{opacity:1;background:#646cff2e;transform:translate(-3px)scale(1.1)}.header-page .pre-header-bar .pre-header .social-media a img{object-fit:contain;width:18px;height:18px;filter:var(--icon-filter)}.header-page .main-nav{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),inset 0 -1px 1px #0000000a,0 8px 32px var(--glass-shadow);border-radius:40px;max-width:1360px;margin:0 auto;transition:all .3s}.header-page .main-nav.scrolled-nav{box-shadow:inset 0 1px 0 var(--glass-highlight),0 8px 40px var(--glass-shadow),0 0 0 1px #646cff26}.header-page .main-nav .nav-inner{justify-content:space-between;align-items:center;padding:12px 24px;display:flex}@media screen and (max-width:900px){.header-page .main-nav .nav-inner{padding:12px 18px}}.header-page .main-nav .logo{align-items:center;gap:12px;text-decoration:none;display:flex}.header-page .main-nav .logo .logo-img-wrap{position:relative}.header-page .main-nav .logo .logo-img-wrap:before{content:"";z-index:0;background:linear-gradient(135deg,#646cff,#00d4ff);border-radius:50%;position:absolute;inset:-2px}.header-page .main-nav .logo .logo-img-wrap img{object-fit:cover;z-index:1;border:2px solid var(--bg,#09090f);border-radius:50%;width:42px;height:42px;display:block;position:relative}.header-page .main-nav .logo .logo-text{flex-direction:column;display:flex}.header-page .main-nav .logo .logo-text .name{color:var(--text-strong);font-size:1rem;font-weight:700;line-height:1.2}.header-page .main-nav .logo .logo-text .title-tag{color:var(--primary,#646cff);letter-spacing:.5px;font-size:.72rem;font-weight:500}.header-page .main-nav .right-nav{align-items:center;gap:4px;display:flex}@media screen and (max-width:900px){.header-page .main-nav .right-nav{display:none}}.header-page .main-nav .right-nav a{color:var(--muted,#88a);border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .3s;position:relative}.header-page .main-nav .right-nav a:hover{color:var(--text-strong);background:#646cff1f}.header-page .main-nav .right-nav a.active{color:var(--primary,#646cff)}.header-page .main-nav .right-nav a.active:after{content:"";background:var(--primary,#646cff);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.header-page .main-nav .right-nav .nav-resume-btn{background:linear-gradient(135deg,#646cff,#7c3aed);border-radius:50px;padding:8px 20px;font-weight:600;box-shadow:0 3px 15px #646cff4d;color:#fff!important}.header-page .main-nav .right-nav .nav-resume-btn:hover{background:linear-gradient(135deg,#535bf2,#6d28d9);transform:translateY(-1px);box-shadow:0 6px 20px #646cff80;color:#fff!important}.header-page .main-nav .right-nav .nav-resume-btn:after{display:none}.header-page .main-nav .menu-icon{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;gap:5px;padding:8px;transition:background .3s;display:none}@media screen and (max-width:900px){.header-page .main-nav .menu-icon{display:flex}}.header-page .main-nav .menu-icon:hover{background:#646cff1a}.header-page .main-nav .menu-icon>div{background:var(--text-strong);border-radius:2px;width:22px;height:2px;transition:all .4s cubic-bezier(.23,1,.32,1)}.header-page .main-nav .menu-icon.change .bar1{transform:translateY(7px)rotate(45deg)}.header-page .main-nav .menu-icon.change .bar2{opacity:0;transform:scaleX(0)}.header-page .main-nav .menu-icon.change .bar3{transform:translateY(-7px)rotate(-45deg)}.header-page .main-nav .mobile-menu{border-top:1px solid var(--glass-border);border-radius:0 0 20px 20px;flex-direction:column;gap:4px;padding:10px 18px 16px;animation:.3s slideDown;display:flex}.header-page .main-nav .mobile-menu a{color:var(--muted,#88a);border-radius:10px;padding:12px 16px;font-size:.95rem;font-weight:500;transition:all .3s}.header-page .main-nav .mobile-menu a:hover,.header-page .main-nav .mobile-menu a.active{color:var(--primary,#646cff);background:#646cff14}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}