:root{--black:#080810;--black2:#0f0f1a;--black3:#16161f;--white:#f0f2ff;--white2:#9aa0bc;--blue:#2563eb;--blue2:#3b82f6;--blue3:#93c5fd;--blue-glow:rgba(var(--blue-rgb),.25);--card:#ffffff08;--border:#ffffff12;--border2:rgba(var(--blue-rgb),.35);--shadow:#0006;--radius:14px;--font:"Inter", sans-serif;--mono:"JetBrains Mono", monospace;--blue-rgb:37, 99, 235;--blue2-rgb:59, 130, 246}[data-theme=light]{--black:#f7f8fc;--black2:#eef0f8;--black3:#e2e5f1;--white:#0d0f1c;--white2:#52576e;--blue:#2563eb;--blue2:#1d4ed8;--blue3:#3b82f6;--blue-glow:rgba(var(--blue-rgb),.15);--card:#fff;--border:#00000012;--border2:rgba(var(--blue-rgb),.2);--shadow:#0000000f;--blue-rgb:37, 99, 235;--blue2-rgb:29, 78, 216}[data-accent=purple]{--blue:#9333ea;--blue2:#a855f7;--blue3:#d8b4fe;--blue-glow:#9333ea40;--border2:#9333ea59;--blue-rgb:147, 51, 234;--blue2-rgb:168, 85, 247}[data-theme=light][data-accent=purple]{--blue:#9333ea;--blue2:#7e22ce;--blue3:#a855f7;--blue-glow:#9333ea26;--border2:#9333ea33;--blue-rgb:147, 51, 234;--blue2-rgb:126, 34, 206}[data-accent=emerald]{--blue:#10b981;--blue2:#34d399;--blue3:#a7f3d0;--blue-glow:#10b98140;--border2:#10b98159;--blue-rgb:16, 185, 129;--blue2-rgb:52, 211, 153}[data-theme=light][data-accent=emerald]{--blue:#10b981;--blue2:#047857;--blue3:#34d399;--blue-glow:#10b98126;--border2:#10b98133;--blue-rgb:16, 185, 129;--blue2-rgb:4, 120, 87}[data-accent=rose]{--blue:#f43f5e;--blue2:#fb7185;--blue3:#fecdd3;--blue-glow:#f43f5e40;--border2:#f43f5e59;--blue-rgb:244, 63, 94;--blue2-rgb:251, 113, 133}[data-theme=light][data-accent=rose]{--blue:#f43f5e;--blue2:#be123c;--blue3:#fb7185;--blue-glow:#f43f5e26;--border2:#f43f5e33;--blue-rgb:244, 63, 94;--blue2-rgb:190, 18, 60}[data-theme=light] .navbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:none;background:#f7f8fcbf;border-bottom-color:#0000}[data-theme=light] .navbar.scrolled{background:#f7f8fcf2;border-bottom-color:#0000000f;box-shadow:0 1px 12px #0000000a}[data-theme=light] .nav-links{box-shadow:none;background:0 0;border:none;padding:0}[data-theme=light] .nav-links a{background:0 0;padding:0}[data-theme=light] .nav-links a:hover{color:var(--blue);background:0 0}[data-theme=light] .nav-logo{color:var(--blue2)}[data-theme=light] .menu-toggle span{background:var(--white)}[data-theme=light] .hero-bg{background:radial-gradient(ellipse 55% 55% at 10% 50%, rgba(var(--blue-rgb),.08) 0%, transparent 70%), radial-gradient(ellipse 35% 35% at 90% 20%, rgba(var(--blue2-rgb),.06) 0%, transparent 70%)}[data-theme=light] .hero-grid{opacity:.02;filter:invert()}[data-theme=light] .particle{background:var(--blue);opacity:.3}[data-theme=light] .hero-tag{background:rgba(var(--blue-rgb),.06);border-color:rgba(var(--blue-rgb),.18);color:var(--blue2)}[data-theme=light] .hero-tag .dot{background:#22c55e}[data-theme=light] .hero-title .name{color:var(--blue2)}[data-theme=light] .typing-text{color:var(--blue)}[data-theme=light] .typing-cursor{background:var(--blue)}[data-theme=light] .section-label{color:var(--blue)}[data-theme=light] .skill-card,[data-theme=light] .timeline-card,[data-theme=light] .stat-card,[data-theme=light] .github-wrapper,[data-theme=light] .contact-wrapper,[data-theme=light] .bento-item{background:var(--card);box-shadow:0 2px 16px var(--shadow);border-color:var(--border)}[data-theme=light] .skill-card:hover{box-shadow:0 6px 24px rgba(var(--blue-rgb),.12)}[data-theme=light] .bento-progress,[data-theme=light] .skill-level{background:#0000000d}[data-theme=light] .about-code{background:#12131f;border-color:#ffffff0f}[data-theme=light] .code-key{color:#a78bfa}[data-theme=light] .code-string{color:#6ee7b7}[data-theme=light] .code-comment{color:#6b7280}[data-theme=light] .code-bracket{color:#8888a8}[data-theme=light] .marquee-container{background:#eef0f866}[data-theme=light] .marquee-container:before{background:linear-gradient(90deg,#f7f8fc,#0000)}[data-theme=light] .marquee-container:after{background:linear-gradient(270deg,#f7f8fc,#0000)}[data-theme=light] .marquee-item{color:var(--white2)}[data-theme=light] .timeline:before{background:#00000014}[data-theme=light] .timeline-dot{box-shadow:0 0 0 4px var(--black), 0 0 12px rgba(var(--blue-rgb),.25)}[data-theme=light] .timeline-date{color:var(--blue2)}[data-theme=light] .timeline-title{color:var(--white)}[data-theme=light] .contact-wrapper:before{background:radial-gradient(ellipse at 50% 0%, rgba(var(--blue-rgb),.06), transparent 65%)}[data-theme=light] .form-group input,[data-theme=light] .form-group textarea{background:var(--black2);border-color:var(--border);color:var(--white)}[data-theme=light] .form-group input::placeholder,[data-theme=light] .form-group textarea::placeholder{color:var(--white2)}[data-theme=light] .dot-label{color:var(--white);background:#ffffffd9}[data-theme=light] html{scrollbar-color:var(--blue2) var(--black3)}[data-theme=light] .scroll-progress{background:linear-gradient(90deg, var(--blue2), var(--blue3))}[data-theme=light] .tooltip-content{color:#fff;background:#0d0f1cd9;border-color:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}html,body{box-sizing:border-box;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--blue) var(--black);margin:0;padding:0}body{font-family:var(--font);background:var(--black);color:var(--white);line-height:1.65;transition:background .35s,color .35s;overflow-x:hidden}body:before{content:"";opacity:.025;pointer-events:none;z-index:9999;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}[data-theme=light] body:before{opacity:.04}.dot-nav{z-index:500;flex-direction:column;gap:1.2rem;display:flex;position:fixed;top:50%;right:2rem;transform:translateY(-50%)}.dot-item{background:#fff3;border-radius:50%;width:10px;height:10px;text-decoration:none;transition:all .3s;position:relative}.dot-item.active{background:var(--blue);box-shadow:0 0 15px var(--blue-glow);transform:scale(1.4)}.dot-label{background:var(--black2);color:var(--white);opacity:0;pointer-events:none;white-space:nowrap;border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:4px;padding:.3rem .8rem;font-size:.75rem;font-weight:600;transition:all .3s;position:absolute;top:50%;right:25px;transform:translateY(-50%)}.dot-item:hover .dot-label{opacity:1;right:20px}[data-theme=light] .dot-item{background:#00000026}[data-theme=light] .dot-label{color:var(--white);background:#fffc;box-shadow:0 2px 10px #0000000d}.scroll-progress{z-index:300;background:linear-gradient(90deg, var(--blue), var(--blue3));height:3px;box-shadow:0 0 12px var(--blue-glow);transition:width 50ms linear;position:fixed;top:0;left:0}.navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08081066;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;width:100%;padding:1.2rem 2.5rem;transition:padding .3s,background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,border-color .3s,box-shadow .3s;display:flex;position:fixed;top:0;left:0}.navbar.scrolled{border-bottom-color:var(--border);background:#080810b3;padding:.65rem 2.5rem}.color-picker{align-items:center;display:flex;position:relative}.color-picker-btn{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:50%;outline:none;justify-content:center;align-items:center;width:36px;height:36px;transition:border-color .3s,background .3s;display:flex}.color-picker-btn:hover{background:var(--card)}.color-circle{border-radius:50%;width:14px;height:14px;display:block;box-shadow:0 0 10px #00000080}.color-dropdown{background:var(--black2);border:1px solid var(--border);min-width:130px;box-shadow:0 10px 30px var(--shadow);z-index:1000;border-radius:12px;flex-direction:column;gap:.2rem;padding:.5rem;display:flex;position:absolute;top:130%;right:0}.color-option{color:var(--white);cursor:pointer;font-family:var(--font);text-align:left;background:0 0;border:none;border-radius:8px;outline:none;align-items:center;gap:.75rem;padding:.6rem .75rem;font-size:.85rem;transition:background .2s;display:flex}.color-option:hover,.color-option.active{background:var(--card)}.color-option .color-circle{width:12px;height:12px}[data-theme=light] .color-dropdown{background:#fff;box-shadow:0 10px 30px #0000001a}[data-theme=light] .color-option{color:var(--black)}.nav-logo{font-family:var(--mono);color:var(--blue2);letter-spacing:-.5px;font-size:1.3rem;font-weight:700}.nav-right{align-items:center;gap:1.5rem;display:flex}.nav-links{align-items:center;gap:1.5rem;list-style:none;display:flex}.nav-links a{color:var(--white2);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .25s;position:relative}.nav-links a:after{content:"";background:var(--blue2);border-radius:2px;width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--white)}.nav-links a:hover:after{width:100%}.theme-toggle-wrapper{flex-shrink:0;width:70px;height:35px;position:relative}#hide-checkbox{opacity:0;width:0;height:0;position:absolute}.toggle{cursor:pointer;transform-origin:0 0;background:#24d7f7;border-radius:50px;width:200px;height:100px;transition:all .5s;display:inline-block;position:absolute;top:0;left:0;overflow:hidden;transform:scale(.35)}.toggle-button{background:#f7ffff;border-radius:50%;width:86px;height:86px;transition:all .5s ease-out;display:inline-block;position:absolute;top:7px;left:6px;overflow:hidden;transform:translate(102px);box-shadow:0 0 35px 5px #fff}.crater{background:#faeaf1;border-radius:50%;transition:all .5s;display:inline-block;position:absolute;transform:rotate(-45deg)translate(70px)}.crater-1{background:#fffff9;width:86px;height:86px;bottom:10px;left:10px}.crater-2{width:20px;height:20px;top:-7px;left:44px}.crater-3{width:16px;height:16px;top:20px;right:-4px}.crater-4{width:10px;height:10px;top:24px;left:30px}.crater-5{width:15px;height:15px;top:40px;left:48px}.crater-6{width:10px;height:10px;top:48px;left:20px}.crater-7{width:12px;height:12px;bottom:5px;left:35px}.star{background:#fff;border-radius:50%;animation:2s infinite move;display:inline-block;position:absolute}.star-1{border-radius:10px;width:40px;height:10px;top:25px;left:20px}.star-2{width:12px;height:12px;top:23px;left:26px;box-shadow:-1px 0 2px #0000001a}.star-3{width:16px;height:16px;top:19px;left:35px;box-shadow:-1px 0 2px #0000001a}.star-4{width:14px;height:14px;top:21px;left:46px;box-shadow:-1px 0 2px #0000001a}.star-5{border-radius:15px;width:60px;height:15px;bottom:20px;left:30px}.star-6{border-radius:50%;width:18px;height:18px;bottom:20px;left:38px;box-shadow:-1px 0 2px #0000001a}.star-7{border-radius:50%;width:24px;height:24px;bottom:20px;left:52px;box-shadow:-1px 0 2px #0000001a}.star-8{border-radius:50%;width:21px;height:21px;top:59px;left:70px;box-shadow:-1px 0 2px #0000001a}@keyframes travel{0%{transform:rotate(-45deg)translate(70px)}50%{transform:rotate(-45deg)translate(-20px);box-shadow:5px 0 6px 1px #fff}to{opacity:0;width:2px;height:2px;box-shadow:none;transform:rotate(-45deg)translate(-30px)}}@keyframes move{0%{transform:none}25%{transform:translate(2px)}to{transform:translate(-2px)}}#hide-checkbox:checked+.toggle{background:#211042}#hide-checkbox:checked+.toggle .toggle-button{background:#faeaf1;transform:translate(0);box-shadow:0 0 35px 4px #fff}#hide-checkbox:checked+.toggle .toggle-button .crater{transform:none}#hide-checkbox:checked+.toggle .star{border-radius:50%;animation:none;box-shadow:1px 0 2px 2px #fff}#hide-checkbox:checked+.toggle .star-1{width:6px;height:6px;inset:auto 90px 40px auto}#hide-checkbox:checked+.toggle .star-2{width:8px;height:8px;top:10px;left:auto;right:70px}#hide-checkbox:checked+.toggle .star-3{width:5px;height:5px;inset:auto 60px 15px auto}#hide-checkbox:checked+.toggle .star-4{width:3px;height:3px;inset:auto 40px 50px auto}#hide-checkbox:checked+.toggle .star-5{width:4px;height:4px;inset:auto 10px 35px auto}#hide-checkbox:checked+.toggle .star-6,#hide-checkbox:checked+.toggle .star-7,#hide-checkbox:checked+.toggle .star-8{border-radius:2px;width:10px;height:2px;animation-name:travel;animation-duration:1.5s;animation-timing-function:ease-out;animation-iteration-count:infinite;transform:rotate(-45deg);box-shadow:5px 0 4px 1px #fff}#hide-checkbox:checked+.toggle .star-6{animation-delay:-2s;inset:auto 30px 30px auto}#hide-checkbox:checked+.toggle .star-7{inset:auto 50px 60px auto}#hide-checkbox:checked+.toggle .star-8{animation-delay:-4s;inset:10px 90px auto auto}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.menu-toggle span{background:var(--white);border-radius:2px;width:22px;height:2px;transition:all .3s}.hero{justify-content:center;align-items:center;min-height:100vh;padding:7rem 2rem 3rem;display:flex;position:relative;overflow:hidden}.hero-bg{background:radial-gradient(ellipse 60% 60% at 15% 50%, rgba(var(--blue-rgb),.12) 0%, transparent 70%), radial-gradient(ellipse 40% 40% at 85% 20%, rgba(var(--blue2-rgb),.07) 0%, transparent 70%);position:absolute;inset:0}.hero-grid{opacity:.04;background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:50px 50px;position:absolute;inset:0}.hero-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{background:var(--blue2);opacity:.18;border-radius:50%;animation:linear infinite floatUp;position:absolute}@keyframes floatUp{0%{opacity:0;transform:translateY(100vh)scale(0)}10%{opacity:.18}90%{opacity:.18}to{opacity:0;transform:translateY(-10vh)scale(1)}}.hero-content{z-index:1;align-items:center;gap:5rem;width:100%;max-width:1100px;display:flex}.hero-text{flex:1}.hero-tag{background:rgba(var(--blue-rgb),.1);border:1px solid rgba(var(--blue-rgb),.3);color:var(--blue3);font-size:.78rem;font-family:var(--mono);letter-spacing:.5px;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem 1rem;display:inline-flex}.hero-tag .dot{background:var(--blue2);border-radius:50%;width:7px;height:7px;animation:2s infinite dotPulse}@keyframes dotPulse{0%,to{box-shadow:0 0 0 0 rgba(var(--blue2-rgb),.5)}50%{box-shadow:0 0 0 6px rgba(var(--blue2-rgb),0)}}.hero-title{letter-spacing:-2px;margin-bottom:1.1rem;font-size:3.6rem;font-weight:900;line-height:1.08}.hero-title .name{color:var(--white)}.typing-text{color:var(--blue2)}.typing-cursor{background:var(--blue2);vertical-align:baseline;width:3px;height:.85em;margin-left:2px;animation:.8s step-end infinite blink;display:inline-block;position:relative;top:.05em}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-subtitle{color:var(--white2);max-width:480px;margin-bottom:2rem;font-size:1.05rem;line-height:1.7}.hero-buttons{flex-wrap:wrap;gap:1rem;display:flex}.hero-image{flex-shrink:0;width:450px;height:450px;position:relative}.hero-3d{width:100%;height:100%;position:absolute;inset:0}@media (width<=768px){.hero-image{width:300px;height:300px}}.avatar-wrapper{border:2px solid var(--blue2);width:280px;height:280px;box-shadow:0 0 0 8px rgba(var(--blue-rgb),.08), 0 0 40px rgba(var(--blue-rgb),.2);border-radius:50%;animation:4s ease-in-out infinite alternate avatarGlow;overflow:hidden}@keyframes avatarGlow{0%{box-shadow:0 0 0 8px rgba(var(--blue-rgb),.08), 0 0 30px rgba(var(--blue-rgb),.15)}to{box-shadow:0 0 0 12px rgba(var(--blue2-rgb),.1), 0 0 60px rgba(var(--blue2-rgb),.2)}}.avatar-wrapper img{object-fit:cover;width:100%;height:100%}.orbit-ring{border:1px dashed rgba(var(--blue-rgb),.25);border-radius:50%;animation:18s linear infinite spin;position:absolute;inset:-24px}@keyframes spin{to{transform:rotate(360deg)}}.orbit-dot{background:var(--blue2);width:10px;height:10px;box-shadow:0 0 10px var(--blue2);border-radius:50%;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.section{max-width:1100px;margin:0 auto;padding:5rem 2rem}.section-header{text-align:center;margin-bottom:3rem}.section-label{font-family:var(--mono);color:var(--blue2);text-transform:uppercase;letter-spacing:3px;margin-bottom:.5rem;font-size:.75rem;display:block}.section-title{letter-spacing:-1px;font-size:2.4rem;font-weight:800}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.about-text p{color:var(--white2);margin-bottom:1rem}.about-stats{grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;display:grid}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:1.2rem;transition:all .3s}.stat-card:hover{border-color:var(--blue2);transform:translateY(-3px)}.stat-number{color:var(--blue2);font-size:2rem;font-weight:800;font-family:var(--mono)}.stat-label{color:var(--white2);margin-top:.3rem;font-size:.8rem}.about-code{background:var(--black2);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--mono);padding:1.5rem;font-size:.83rem;line-height:1.8}.code-header{gap:6px;margin-bottom:1rem;display:flex}.code-dot{border-radius:50%;width:12px;height:12px}.code-dot:first-child{background:#ff5f57}.code-dot:nth-child(2){background:#ffbd2e}.code-dot:nth-child(3){background:#28ca42}.code-line{margin:.2rem 0}.code-key{color:#93c5fd}.code-string{color:#86efac}.code-bracket{color:var(--white2)}.code-comment{color:#444;font-style:italic}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;display:grid}.skill-card{background:var(--black2);border:1px solid var(--border);border-radius:var(--radius);text-align:center;cursor:default;padding:1.4rem 1rem;transition:all .35s;position:relative;overflow:hidden}.skill-card:hover{border-color:var(--blue2);box-shadow:0 8px 28px rgba(var(--blue-rgb),.12);transform:translateY(-4px)}.card-glow{pointer-events:none;opacity:0;border-radius:var(--radius);transition:opacity .3s;position:absolute;inset:0}.skill-card:hover .card-glow{opacity:1}.skill-icon{z-index:1;justify-content:center;align-items:center;margin-bottom:.7rem;font-size:2.6rem;display:flex;position:relative}.skill-name{z-index:1;font-size:.85rem;font-weight:600;position:relative}.skill-level{z-index:1;background:#ffffff0f;border-radius:4px;width:100%;height:2px;margin-top:.8rem;position:relative;overflow:hidden}[data-theme=light] .skill-level{background:#0000000f}.skill-level-fill{background:var(--blue2);border-radius:4px;width:0;height:100%;transition:width 1.3s cubic-bezier(.25,.8,.25,1)}.marquee-container{background:var(--black2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);width:100vw;max-width:100%;margin-bottom:3rem;padding:2.5rem 0;display:flex;position:relative;overflow:hidden}.marquee-container:before,.marquee-container:after{content:"";z-index:2;pointer-events:none;width:120px;position:absolute;top:0;bottom:0}.marquee-container:before{background:linear-gradient(to right, var(--black), transparent);left:0}.marquee-container:after{background:linear-gradient(to left, var(--black), transparent);right:0}.marquee-content{white-space:nowrap;gap:4rem;padding-right:4rem;animation:35s linear infinite scrollMarquee;display:flex}.marquee-item{font-family:var(--mono);color:var(--white2);opacity:.6;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600;transition:opacity .3s,transform .3s;display:flex}.marquee-item:hover{opacity:1;transform:scale(1.05)}.marquee-icon{font-size:1.6rem;display:flex}@keyframes scrollMarquee{0%{transform:translate(0)}to{transform:translate(-33.3333%)}}.github-wrapper{background:var(--black2);border:1px solid var(--border);border-radius:var(--radius);justify-content:center;padding:2.5rem;display:flex;overflow-x:auto}.github-wrapper text{fill:var(--white2)!important;font-family:var(--mono)!important}.timeline{max-width:700px;margin:0 auto;padding-left:2rem;position:relative}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:8px;bottom:8px;left:7px}.timeline-item{margin-bottom:2.5rem;padding-left:2rem;position:relative}.timeline-dot{background:var(--blue2);width:16px;height:16px;box-shadow:0 0 0 4px var(--black), 0 0 12px rgba(var(--blue2-rgb),.4);z-index:1;border-radius:50%;position:absolute;top:4px;left:-2rem}.timeline-date{font-family:var(--mono);color:var(--blue3);letter-spacing:1px;margin-bottom:.35rem;font-size:.73rem}.timeline-card{background:var(--black2);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;transition:all .3s}.timeline-card:hover{border-color:var(--blue2);transform:translate(6px)}.timeline-title{align-items:center;gap:.5rem;margin-bottom:.3rem;font-size:.95rem;font-weight:700;display:flex}.timeline-title svg{color:var(--blue2)}.timeline-desc{color:var(--white2);font-size:.85rem}.contact-wrapper{background:var(--black2);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:3.5rem;position:relative;overflow:hidden}.contact-wrapper:before{content:"";background:radial-gradient(ellipse at 50% 0%, rgba(var(--blue-rgb),.08), transparent 65%);position:absolute;inset:0}.contact-title{letter-spacing:-.5px;margin-bottom:1rem;font-size:2rem;font-weight:800;position:relative}.contact-desc{color:var(--white2);max-width:480px;margin-bottom:2rem;margin-left:auto;margin-right:auto;position:relative}.contact-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex;position:relative}.contact-link{border:1px solid var(--border);color:var(--white);background:0 0;border-radius:8px;align-items:center;gap:.5rem;padding:.7rem 1.6rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .25s;display:flex}.contact-link:hover{border-color:var(--blue2);background:rgba(var(--blue-rgb),.1);transform:translateY(-2px)}.contact-link svg{flex-shrink:0}.contact-form{z-index:5;flex-direction:column;gap:1rem;max-width:500px;margin:0 auto 3rem;display:flex;position:relative}.form-group input,.form-group textarea{background:var(--black3);border:1px solid var(--border);width:100%;color:var(--white);font-family:var(--font);border-radius:8px;outline:none;padding:1rem;transition:border-color .3s,box-shadow .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-glow)}.success-message{z-index:5;flex-direction:column;align-items:center;gap:1rem;padding:3rem 0;display:flex;position:relative}.success-icon{background:var(--blue);color:#fff;width:60px;height:60px;box-shadow:0 0 20px var(--blue-glow);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex}.success-message h3{margin-top:1rem;font-size:1.5rem}.success-message p{color:var(--white2)}.toast-notification{background:var(--black2);border:1px solid var(--border2);color:var(--white);z-index:9999;border-radius:999px;align-items:center;gap:.75rem;padding:.8rem 1.5rem;font-size:.9rem;font-weight:500;display:flex;position:fixed;bottom:2rem;left:2rem;box-shadow:0 10px 30px #00000080,inset 0 0 0 1px #ffffff0d}.toast-icon{color:#22c55e;font-size:1.1rem}[data-theme=light] .toast-notification{color:var(--black);background:#fff;box-shadow:0 10px 30px #0000001a}.footer{text-align:center;border-top:1px solid var(--border);color:var(--white2);padding:2rem;font-size:.83rem}.tooltip-content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--white);font-size:.75rem;font-weight:600;font-family:var(--font);white-space:nowrap;box-shadow:0 4px 14px rgba(var(--blue-rgb),.2);z-index:100;pointer-events:none;background:#2563eb99;border:1px solid #ffffff1a;border-radius:6px;margin-bottom:10px;padding:6px 12px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip-arrow{border-style:solid;border-width:5px;border-color:var(--blue) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}[data-theme=light] .tooltip-content{background:var(--black);color:var(--white);box-shadow:0 4px 14px #0003}[data-theme=light] .tooltip-arrow{border-color:var(--black) transparent transparent transparent}.modern-button{font-family:var(--font);cursor:pointer;border:none;border-radius:999px;outline:none;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:box-shadow .3s,border-color .3s,background .3s;display:inline-flex}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 4px 14px rgba(var(--blue-rgb),.25)}.btn-primary:hover{box-shadow:0 6px 20px rgba(var(--blue-rgb),.4);background:var(--blue2)}.btn-outline{color:var(--white);border:1px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--blue);background:#00000005}[data-theme=light] .btn-primary{color:#fff!important}[data-theme=light] .btn-outline{color:var(--white);border-color:#0000001a}[data-theme=light] .btn-outline:hover{background:#0000000d;border-color:#0006}.splash-screen{z-index:9999;background:var(--black);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.splash-content{text-align:center;width:300px}.splash-logo{font-family:var(--mono);color:var(--blue);margin-bottom:2rem;font-size:2.5rem;font-weight:800}.splash-loader{background:#ffffff0d;border-radius:99px;width:100%;height:3px;position:relative;overflow:hidden}.splash-loader:after{content:"";background:var(--blue);width:50%;height:100%;animation:1.5s ease-in-out forwards splashProgress;position:absolute;top:0;left:0}@keyframes splashProgress{0%{width:0}to{width:100%}}.interactive-terminal{border:1px solid var(--border);border-radius:var(--radius);height:280px;box-shadow:0 4px 20px var(--shadow);text-align:left;background:#12131f;flex-direction:column;display:flex;overflow:hidden}.terminal-header{border-bottom:1px solid var(--border);background:#ffffff08;gap:.5rem;padding:.75rem 1rem;display:flex}.term-dot{border-radius:50%;width:12px;height:12px}.term-dot.close{background:#ff5f56}.term-dot.min{background:#ffbd2e}.term-dot.max{background:#27c93f}.terminal-body{font-family:var(--mono);color:#a9b1d6;scrollbar-width:thin;flex:1;padding:1rem;font-size:.85rem;overflow-y:auto}.term-line{word-break:break-all;margin-bottom:.5rem;line-height:1.4}.term-line.system{color:#7aa2f7}.term-line.input{color:#bb9af7}.term-line.output{color:#9ece6a}.term-input-line{align-items:center;gap:.5rem;display:flex}.term-prompt{color:#f7768e;white-space:nowrap;font-weight:700}.term-input-line input{color:#c0caf5;font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none;flex:1}.palette-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0006;justify-content:center;padding-top:15vh;display:flex;position:fixed;inset:0}.palette-modal{background:var(--black2);border:1px solid var(--border2);border-radius:var(--radius);flex-direction:column;width:100%;max-width:550px;max-height:60vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #0006,inset 0 0 0 1px #ffffff0d}.palette-search-wrapper{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.palette-icon{opacity:.5;font-size:1.1rem}.palette-input{color:var(--white);font-family:var(--font);background:0 0;border:none;outline:none;flex:1;font-size:1.1rem}.palette-input::placeholder{color:var(--white2);opacity:.6}.palette-hint{color:var(--white2);background:var(--black3);border:1px solid var(--border);font-size:.7rem;font-family:var(--mono);border-radius:4px;padding:.2rem .5rem}.palette-results{padding:.5rem;overflow-y:auto}.palette-item{cursor:pointer;color:var(--white2);text-align:left;border-radius:8px;align-items:center;padding:.75rem 1rem;font-weight:500;transition:all .2s;display:flex}.palette-item:hover,.palette-item:focus{background:var(--blue-glow);color:var(--blue3);outline:none}.palette-empty{text-align:center;color:var(--white2);padding:2rem;font-style:italic}[data-theme=light] .interactive-terminal{background:#1a1b26;border-color:#0000}[data-theme=light] .palette-modal{background:#fff;border-color:#0000001a}[data-theme=light] .palette-input{color:#000}[data-theme=light] .palette-item{color:#444}[data-theme=light] .palette-item:hover,[data-theme=light] .palette-item:focus{background:rgba(var(--blue-rgb),.1);color:var(--blue)}[data-theme=light] .palette-hint{color:#666;background:#f0f0f0;border-color:#ddd}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:160px;gap:1.2rem;display:grid}.bento-item{background:var(--black2);border-radius:var(--radius);border:1px solid var(--border);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.bento-glow{opacity:0;transition:opacity .5s;position:absolute;inset:0}.bento-item:hover .bento-glow{opacity:1}.bento-content{z-index:2;flex-direction:column;align-items:center;gap:1rem;width:100%;padding:1.5rem;display:flex;position:relative}.bento-icon{font-size:2.5rem}.bento-info{text-align:center;width:100%}.bento-name{margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.bento-progress{background:#ffffff0d;border-radius:99px;width:100%;height:4px;overflow:hidden}.bento-fill{border-radius:99px;height:100%}.small,.medium{grid-area:span 1/span 1}.wide{grid-area:span 1/span 2}.tall{grid-area:span 2/span 1}@media (width<=992px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}.wide,.tall{grid-area:span 1/span 1}}[data-theme=light] .bento-item{background:var(--card);box-shadow:0 2px 15px var(--shadow)}[data-theme=light] .bento-progress{background:#0000000d}.fade-in{opacity:0;transition:all .65s;transform:translateY(24px)}.fade-in.visible{opacity:1;transform:translateY(0)}@media (width<=768px){.dot-nav{display:none}.menu-toggle{display:flex}.nav-links{background:var(--black2);flex-direction:column;gap:1.5rem;width:68%;height:100vh;padding:5rem 2rem;transition:right .3s;position:fixed;top:0;right:-100%}.nav-links.open{right:0}.hero-content{text-align:center;flex-direction:column-reverse;gap:2.5rem}.hero-title{font-size:2.3rem}.hero-subtitle{margin:0 auto 2rem}.hero-buttons{justify-content:center}.avatar-wrapper{width:200px;height:200px}.about-grid{grid-template-columns:1fr}.section-title{font-size:1.9rem}.contact-wrapper{padding:2rem 1.5rem}.timeline,.timeline-item{padding-left:1.5rem}}.inline-music-player{background:var(--black2);border:1px solid var(--border);border-radius:12px;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;display:flex}.player-art{background:rgba(var(--blue-rgb), .1);width:48px;height:48px;color:var(--blue);border-radius:8px;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:relative;overflow:hidden}.music-bars.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000a6;border-radius:8px;justify-content:center;align-items:center;gap:3px;display:flex;position:absolute;inset:0}.player-info{flex-direction:column;flex:1;justify-content:center;display:flex}.player-header{justify-content:space-between;align-items:center;margin-bottom:.2rem;display:flex}.player-title{font-family:var(--font);color:var(--white);font-size:.95rem;font-weight:600}.player-status{color:var(--white2);font-size:.7rem;font-family:var(--mono)}.player-timeline{align-items:center;gap:.5rem;width:100%;display:flex}.time-current,.time-total{color:var(--white2);font-size:.65rem;font-family:var(--mono);min-width:28px}.time-slider{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:2px;outline:none;flex:1;height:4px}.time-slider::-webkit-slider-thumb{appearance:none;background:var(--blue);cursor:pointer;width:10px;height:10px;box-shadow:0 0 8px rgba(var(--blue-rgb), .5);border-radius:50%;transition:transform .1s}.time-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.time-slider::-moz-range-thumb{background:var(--blue);cursor:pointer;border:none;border-radius:50%;width:10px;height:10px;transition:transform .1s}.time-slider::-moz-range-thumb:hover{transform:scale(1.2)}.player-toggle{border:1px solid var(--border);width:40px;height:40px;color:var(--white);cursor:pointer;background:0 0;border-radius:50%;outline:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.player-toggle:hover{background:var(--card);border-color:var(--blue);color:var(--blue)}.music-bars .bar{background:var(--blue);border-radius:2px;width:4px;animation:.8s ease-in-out infinite alternate bounceBar}.music-bars .bar:first-child{height:60%;animation-delay:0s}.music-bars .bar:nth-child(2){height:40%;animation-delay:.3s}.music-bars .bar:nth-child(3){height:80%;animation-delay:.6s}@keyframes bounceBar{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}[data-theme=light] .inline-music-player{background:var(--card)}[data-theme=light] .player-toggle{color:var(--black)}