:root{--bg-color:#020205;--text-main:#fff;--text-muted:#8892b0;--accent:#2979ff;--accent-light:#00e5ff;--accent-glow:#2979ff80;--glass-bg:#050a14b3;--glass-border:#2979ff33;--glass-highlight:#ffffff0d}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;overscroll-behavior:none}html,body{width:100%;overflow-x:hidden;scrollbar-width:none!important;-ms-overflow-style:none!important}body::-webkit-scrollbar{display:none!important}body{background:var(--bg-color);color:var(--text-main);overscroll-behavior:none;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}.container{z-index:1;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.animated-background{z-index:-1;background:radial-gradient(circle,#0a1025 0%,#020205 100%);width:100%;height:100%;position:fixed;top:0;left:0}.floating-shapes{width:100%;height:100%;position:absolute;overflow:hidden}.shape{filter:blur(12px);background:radial-gradient(circle,#00e5ff26 0%,#0000 70%);border-radius:50%;animation:15s linear infinite floatUp;position:absolute;bottom:-150px}.shape-1{width:120px;height:120px;animation-duration:12s;left:10%}.shape-2{width:180px;height:180px;animation-duration:18s;animation-delay:2s;left:30%}.shape-3{width:90px;height:90px;animation-duration:14s;animation-delay:5s;left:70%}.shape-4{width:140px;height:140px;animation-duration:20s;animation-delay:1s;left:90%}@keyframes floatUp{0%{opacity:0;transform:translateY(0)scale(1)}50%{opacity:.5}to{opacity:0;transform:translateY(-110vh)scale(1.5)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.navbar-container{z-index:1000;pointer-events:none;justify-content:center;animation:.8s cubic-bezier(.16,1,.3,1) forwards slideDown;display:flex;position:fixed;top:30px;left:0;right:0}.navbar-island{pointer-events:auto;z-index:1000;transition:all .3s;position:relative;overflow:visible!important}.navbar-island .glass-surface__content{justify-content:space-between;align-items:center;gap:12px;width:100%;padding:8px 10px;display:flex}.navbar-island:hover{transform:translateY(1px)}.nav-links-container{z-index:10;align-items:center;height:100%;display:flex;position:relative}.nav-item{z-index:2;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:40px;align-items:center;height:100%;padding:10px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .3s;display:flex;position:relative}.nav-item:hover{color:#fff}.nav-item.active{color:#fff;text-shadow:0 0 12px #ffffff80}.nav-active-pill{background:linear-gradient(90deg,var(--accent)0%,var(--accent-light)100%);z-index:1;pointer-events:none;border-radius:40px;height:36px;transition:left .4s cubic-bezier(.5,1.5,.5,.8),width .4s cubic-bezier(.5,1.5,.5,.8),opacity .3s;position:absolute;box-shadow:0 0 15px #2979ff99,inset 0 0 0 1px #ffffff4d;top:50%!important;transform:translateY(-50%)!important}.liquid-reflection{opacity:.6;filter:blur(2px);background:linear-gradient(#ffffff80,#0000);border-radius:50%;width:80%;height:40%;position:absolute;top:2px;left:10%}.hamburger-wrapper{z-index:1001;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.hamburger-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:0;transition:all .3s;display:flex}.hamburger-btn:hover,.hamburger-btn.open{background:#ffffff0d;border-color:#ffffff1a}.hamburger-btn span{background-color:var(--text-muted);border-radius:2px;width:20px;height:2px;transition:all .3s}.hamburger-btn:hover span{background-color:#fff}.hamburger-btn.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0}.hamburger-btn.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.dropdown-menu{-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);opacity:0;visibility:hidden;transform-origin:0 0;pointer-events:none;z-index:9999;background:#050a14f2;border-radius:16px;flex-direction:column;gap:4px;width:180px;padding:6px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:60px;left:0;transform:translateY(-10px)scale(.95);box-shadow:0 10px 40px #0009}.dropdown-menu.visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.dropdown-item{color:var(--text-muted);text-align:left;border-radius:10px;padding:10px 14px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.dropdown-item:hover{color:#fff;background:#2979ff1a;padding-left:18px}.dropdown-item.active-dropdown{color:var(--accent);background:#2979ff26;border:1px solid #2979ff1a}.nav-profile-wrapper{border:2px solid var(--accent);z-index:5;border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.nav-pfp-img{object-fit:cover;width:100%;height:100%}.nav-pfp-placeholder{background:var(--accent);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;display:flex}@media (max-width:768px){.nav-item{padding:10px 16px;font-size:.85rem}.hamburger-wrapper,.nav-profile-wrapper,.hamburger-btn{width:36px;height:36px}}.content-section{min-height:100vh;padding-top:120px;padding-bottom:50px;animation:.5s forwards fadeIn}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:0 15px;display:flex}.hero-avatar-container{cursor:pointer;width:160px;height:160px;margin-bottom:40px;animation:6s ease-in-out infinite floatAvatar;position:relative}.hero-avatar{border:4px solid var(--accent);object-fit:cover;z-index:2;border-radius:50%;width:100%;height:100%;transition:transform 1s ease-in-out;position:relative}.roll-active{animation:1s ease-in-out barrelRoll}.hero-avatar-placeholder{border:4px solid var(--accent);width:100%;height:100%;color:var(--accent);z-index:2;background:#000;border-radius:50%;justify-content:center;align-items:center;font-size:3rem;font-weight:700;display:flex;position:relative}.hero-avatar-glow{background:var(--accent);filter:blur(40px);opacity:.5;z-index:1;border-radius:50%;width:100%;height:100%;animation:3s infinite pulseGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main-title{color:#fff;letter-spacing:-2px;font-size:5rem;font-weight:800}.highlight{background:linear-gradient(135deg,var(--accent-light),var(--accent));-webkit-text-fill-color:transparent;text-shadow:0 0 30px var(--accent-glow);-webkit-background-clip:text}.subtitle{color:var(--text-muted);text-wrap:balance;max-width:600px;margin-top:20px;font-size:1.2rem;line-height:1.5}.contact-btn{background:linear-gradient(135deg,var(--accent)0%,var(--accent-light)100%);color:#000;cursor:pointer;box-shadow:0 0 20px var(--accent-glow);border:none;border-radius:100px;margin-top:40px;padding:16px 50px;font-size:1.1rem;font-weight:800;text-decoration:none;transition:all .3s;display:inline-block}.contact-btn:hover{box-shadow:0 0 40px var(--accent-light);filter:brightness(1.1);transform:translateY(-3px)}@keyframes floatAvatar{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.3;transform:translate(-50%,-50%)scale(.9)}50%{opacity:.7;transform:translate(-50%,-50%)scale(1.1)}}@keyframes barrelRoll{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.works-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;width:100%;max-width:1000px;margin:0 auto;display:grid}.work-card{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.work-card:not(.no-hover-link):hover{border-color:var(--accent-light);transform:translateY(-10px);box-shadow:0 10px 30px -10px #2979ff4d}.work-card.no-hover-link{cursor:default;opacity:.9}.work-image-container{border-bottom:1px solid var(--glass-border);width:100%;min-height:200px;overflow:hidden}.work-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.work-card:not(.no-hover-link):hover .work-image{transform:scale(1.05)}.work-content{flex-direction:column;gap:10px;padding:20px;display:flex}.work-title{color:#fff;font-size:1.5rem;font-weight:700}.work-desc{color:var(--text-muted);font-size:.95rem;line-height:1.5}.contact-section{flex-direction:column;justify-content:center;align-items:center;min-height:70vh;padding-bottom:40px;display:flex}.contact-cards{flex-direction:column;gap:20px;width:100%;max-width:600px;margin-top:40px;display:flex}.contact-card{border:1px solid var(--glass-border);cursor:pointer;background:linear-gradient(145deg,#0a1428cc,#020205e6);border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:25px 30px;text-decoration:none;transition:all .3s;display:flex}.contact-card:hover{border-color:var(--accent-light);background:linear-gradient(145deg,#0f1e3ce6,#050a14);transform:translate(10px);box-shadow:0 0 20px #00e5ff1a}.card-content{flex-direction:column;display:flex}.label{color:var(--accent-light);text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-weight:700}.value{color:#fff;margin-top:5px;font-size:1.2rem;font-weight:500}.arrow{color:var(--accent);font-size:1.5rem;font-weight:700}.footer-container{text-align:center;color:var(--text-muted);border-top:1px solid #ffffff0d;margin-top:50px;padding:30px 20px;font-size:.9rem}@media (max-width:768px){.main-title{font-size:3rem}.contact-card{padding:20px}.value{font-size:1rem}}.birthday-container{text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex;position:relative}.countdown-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px;display:grid}@media (min-width:768px){.countdown-grid{grid-template-columns:repeat(4,1fr);gap:30px}}.countdown-box{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-width:120px;padding:20px;transition:all .3s;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp;display:flex}.countdown-box:hover{border-color:var(--accent-light);transform:translateY(-5px);box-shadow:0 0 20px #2979ff33}.countdown-value{background:linear-gradient(135deg,#fff,var(--text-muted));-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums;-webkit-background-clip:text;font-size:3rem;font-weight:800}.countdown-label{color:var(--accent);text-transform:lowercase;letter-spacing:2px;margin-top:5px;font-size:.9rem;font-weight:600}.chaos-layer{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.chaos-item{color:#ffffff4d;-webkit-user-select:none;user-select:none;font-weight:700;animation:4s linear infinite alternate floatAround;position:absolute}.rainbow-text{background:linear-gradient(90deg,red,orange,#ff0,green,#00f,violet);-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:1s linear infinite hueRotate}@keyframes hueRotate{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@keyframes floatAround{0%{transform:translate(0)rotate(0)}25%{transform:translate(10px,-20px)rotate(10deg)}50%{transform:translate(-10px,10px)rotate(-5deg)}75%{transform:translate(20px,20px)rotate(15deg)}to{transform:translate(-15px,-15px)rotate(-10deg)}}.spin-crazy{border-width:2px;opacity:1!important;animation:2s linear infinite spin3D!important}@keyframes spin3D{0%{border-color:red;transform:rotateX(0)rotateY(0)rotate(0)}33%{border-color:green;transform:rotateX(180deg)rotateY(0)rotate(0)}66%{border-color:#00f;transform:rotateX(180deg)rotateY(180deg)rotate(0)}to{border-color:red;transform:rotateX(360deg)rotateY(360deg)rotate(360deg)}}.shake-hard{animation:.5s cubic-bezier(.36,.07,.19,.97) infinite both shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.glass-surface{justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{border-radius:inherit;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;display:flex;position:relative}.glass-surface--svg{background:var(--lightningcss-light,hsl(0 0% 100%/var(--glass-frost,0)))var(--lightningcss-dark,hsl(0 0% 0%/var(--glass-frost,0)));-webkit-backdrop-filter:var(--filter-id,url(#glass-filter))saturate(var(--glass-saturation,1));backdrop-filter:var(--filter-id,url(#glass-filter))saturate(var(--glass-saturation,1));box-shadow:inset 0 0 2px 1px var(--lightningcss-light,#00000026)var(--lightningcss-dark,#ffffff59),inset 0 0 10px 4px var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff26),0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 16px 56px #11111a0d;box-shadow:inset 0 0 2px 1px var(--lightningcss-light,lab(0% 0 0/.15))var(--lightningcss-dark,lab(100% 0 0/.35)),inset 0 0 10px 4px var(--lightningcss-light,lab(0% 0 0/.1))var(--lightningcss-dark,lab(100% 0 0/.15)),0 4px 16px lab(5.32203% 1.61424 -5.88284/.0509804),0 8px 24px lab(5.32203% 1.61424 -5.88284/.0509804),0 16px 56px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 4px 16px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 8px 24px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 16px 56px lab(5.32203% 1.61424 -5.88284/.0509804)}.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.1);background:#ffffff40;border:1px solid #ffffff4d;box-shadow:0 8px 32px #1f268733,0 2px 16px #1f26871a,inset 0 1px #fff6,inset 0 -1px #fff3}@media (prefers-color-scheme:dark){.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.2);background:#ffffff1a;border:1px solid #fff3;box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface--fallback{background:#fff6;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}.glass-surface--fallback:before{content:"";border-radius:inherit;z-index:-1;background:#ffffff26;position:absolute;inset:0}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){@media (prefers-color-scheme:dark){.glass-surface--fallback{background:#0006}.glass-surface--fallback:before{background:#ffffff0d}}}.glass-surface:focus-visible{outline-offset:2px;outline:2px solid var(--lightningcss-light,#007aff)var(--lightningcss-dark,#0a84ff)}