*{box-sizing:border-box;margin:0;padding:0}body,.app-container,.btn-pill,.btn-circle,.logo-dot,.main-title,.subtitle,.app-footer,.clock-item,.cookie-banner,.cookie-title,.cookie-text,.btn-cookie-primary,.btn-cookie-secondary{transition:background-color .6s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),color .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)}:root{--bg-color:#f7f9fc;--text-color:#1a202c;--text-secondary:#718096;--dot-color:#ec4899;--glow-1:#ec489926;--glow-2:#38bdf826;--glow-3:#34d39926;--title-gradient:linear-gradient(135deg, #38bdf8 0%, #06b6d4 40%, #10b880 70%, #a7f3d0 100%);--button-bg:#ffffff73;--button-border:#0000000d;--button-hover-bg:#ffffffd9;--button-hover-border:#00000026;--button-active-scale:.95;--button-shadow:0 4px 12px #00000005;--blur-value:120px}body.theme-sunset{--bg-color:#fdf8f5;--text-color:#2d1610;--text-secondary:#8a6c65;--dot-color:#f97316;--glow-1:#ef444426;--glow-2:#f9731626;--glow-3:#d946ef26;--title-gradient:linear-gradient(135deg, #ef4444 0%, #f97316 45%, #ec4899 75%, #f472b6 100%);--button-bg:#ffffff80;--button-border:#ef44440f;--button-hover-bg:#ffffffe6;--button-hover-border:#ef444433;--button-shadow:0 4px 12px #ef444408}body.theme-midnight{--bg-color:#06090e;--text-color:#f8fafc;--text-secondary:#94a3b8;--dot-color:#818cf8;--glow-1:#6366f140;--glow-2:#a855f740;--glow-3:#3b82f640;--title-gradient:linear-gradient(135deg, #818cf8 0%, #c084fc 40%, #60a5fa 75%, #38bdf8 100%);--button-bg:#ffffff0f;--button-border:#ffffff12;--button-hover-bg:#ffffff1f;--button-hover-border:#fff3;--button-shadow:0 4px 20px #0006}body.theme-forest{--bg-color:#f4f7f4;--text-color:#12281a;--text-secondary:#5a7563;--dot-color:#10b880;--glow-1:#10b98126;--glow-2:#84cc1626;--glow-3:#eab3081f;--title-gradient:linear-gradient(135deg, #059669 0%, #10b880 40%, #84cc16 75%, #bef264 100%);--button-bg:#ffffff80;--button-border:#10b9810f;--button-hover-bg:#ffffffe6;--button-hover-border:#10b98133;--button-shadow:0 4px 12px #10b98105}html,body{background-color:var(--bg-color);width:100%;height:100%;color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{width:100%;height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--button-border);border-radius:3px}.mesh-container{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.mesh-blob-wrapper{pointer-events:none;will-change:transform;width:100%;height:100%;transition:transform .4s cubic-bezier(.25,.8,.25,1);position:absolute;top:0;left:0}.mesh-blob-wrapper-1{transform:translate3d(calc(var(--mouse-x,0px) * .04), calc(var(--mouse-y,0px) * .04), 0)}.mesh-blob-wrapper-2{transform:translate3d(calc(var(--mouse-x,0px) * -.03), calc(var(--mouse-y,0px) * -.03), 0)}.mesh-blob-wrapper-3{transform:translate3d(calc(var(--mouse-x,0px) * .02), calc(var(--mouse-y,0px) * -.02), 0)}.mesh-blob{filter:blur(var(--blur-value));opacity:.85;mix-blend-mode:normal;will-change:transform;border-radius:50%;position:absolute}.mesh-blob-1{background:var(--glow-1);width:60vw;height:60vw;animation:25s ease-in-out infinite alternate drift-slow;top:-20vw;left:-20vw}.mesh-blob-2{background:var(--glow-2);width:55vw;height:55vw;animation:30s ease-in-out infinite alternate drift-medium;bottom:-15vw;right:-15vw}.mesh-blob-3{background:var(--glow-3);width:45vw;height:45vw;animation:22s ease-in-out infinite alternate drift-fast;top:30vh;left:40vw}@keyframes drift-slow{0%{transform:translate(0)scale(1)}50%{transform:translate(4vw,5vh)scale(1.1)}to{transform:translate(-3vw,-4vh)scale(.9)}}@keyframes drift-medium{0%{transform:translate(0)scale(1)}50%{transform:translate(-6vw,-3vh)scale(.95)}to{transform:translate(5vw,6vh)scale(1.05)}}@keyframes drift-fast{0%{transform:translate(0)scale(1)}50%{transform:translate(3vw,-5vh)scale(1.05)}to{transform:translate(-5vw,3vh)scale(.95)}}.app-container{z-index:10;flex-direction:column;justify-content:space-between;width:100vw;height:100vh;padding:2.5rem 3rem;display:flex;position:relative}.app-header{justify-content:space-between;align-items:center;width:100%;display:flex}.logo-section{letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:.6rem;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:500;display:flex}.logo-dot{background-color:var(--dot-color);width:7px;height:7px;box-shadow:0 0 10px var(--dot-color);border-radius:50%;transition:background-color .4s,box-shadow .4s}.controls-section{align-items:center;gap:.75rem;display:flex}.btn-pill{letter-spacing:.05em;background:var(--button-bg);border:1px solid var(--button-border);color:var(--text-color);cursor:pointer;-webkit-backdrop-filter:blur(16px);box-shadow:var(--button-shadow);border-radius:20px;outline:none;align-items:center;gap:.45rem;padding:.6rem 1.1rem;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.btn-pill:hover{background:var(--button-hover-bg);border-color:var(--button-hover-border);transform:translateY(-2px);box-shadow:0 6px 16px #0000000d}.btn-pill:active{transform:translateY(0) scale(var(--button-active-scale))}.btn-pill svg{fill:currentColor;opacity:.8;width:13px;height:13px}.main-content{text-align:center;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:1.8rem;padding-bottom:2vh;display:flex}.subtitle{letter-spacing:.4em;color:var(--text-secondary);text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:500;animation:.8s cubic-bezier(.16,1,.3,1) forwards fade-in-down}.title-container{perspective:1000px}.main-title{letter-spacing:-.04em;background:var(--title-gradient);-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none;transform-style:preserve-3d;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;padding-bottom:.15em;font-size:clamp(4rem,12vw,8.5rem);font-weight:800;line-height:1.15;transition:transform .5s cubic-bezier(.16,1,.3,1),filter .5s cubic-bezier(.16,1,.3,1);animation:8s ease-in-out infinite alternate gradient-shift,1.1s cubic-bezier(.34,1.56,.64,1) forwards scale-in}.main-title:hover{filter:drop-shadow(0 15px 30px var(--glow-1));transform:scale(1.03)translateZ(20px)}@keyframes gradient-shift{0%{background-position:0%}to{background-position:100%}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)rotateX(-5deg)}to{opacity:1;transform:scale(1)rotateX(0)}}.socials-section{gap:.85rem;animation:1s cubic-bezier(.16,1,.3,1) forwards fade-in-up;display:flex}.btn-circle{background:var(--button-bg);border:1px solid var(--button-border);width:44px;height:44px;color:var(--text-color);cursor:pointer;-webkit-backdrop-filter:blur(16px);box-shadow:var(--button-shadow);border-radius:50%;outline:none;justify-content:center;align-items:center;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.btn-circle:hover{background:var(--button-hover-bg);border-color:var(--button-hover-border);transform:translateY(-4px)scale(1.08);box-shadow:0 8px 20px #0000000f}.btn-circle:active{transform:translateY(-2px)scale(.95)}.btn-circle svg{fill:currentColor;width:17px;height:17px;transition:transform .3s}.btn-circle:hover svg{transform:scale(1.05)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.app-footer{letter-spacing:.18em;width:100%;color:var(--text-secondary);text-transform:uppercase;justify-content:space-between;align-items:center;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:500;display:flex}.footer-item{align-items:center;display:flex}.clock-item{font-variant-numeric:tabular-nums;letter-spacing:.08em;font-size:.75rem}@media (width<=768px){:root{--blur-value:80px}.app-container{padding:1.5rem}.app-footer{text-align:center;flex-direction:column;gap:.8rem}.footer-item{justify-content:center}.logo-section{font-size:.75rem}.btn-pill{padding:.5rem .9rem;font-size:.7rem}.main-content{gap:1.4rem}.main-title{font-size:clamp(3.2rem,15vw,5rem)}}@media (width<=480px){.app-container{padding:1.5rem 1rem}.main-title{font-size:2.8rem}.subtitle{letter-spacing:.3em;font-size:.75rem}.btn-circle{width:40px;height:40px}.btn-circle svg{width:15px;height:15px}.controls-section{gap:.5rem}.btn-pill{gap:.35rem;padding:.5rem .75rem}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button:focus-visible,a:focus-visible{outline:2px solid var(--dot-color);outline-offset:4px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}.cookie-banner{background:var(--button-bg);border:1px solid var(--button-border);-webkit-backdrop-filter:blur(24px);z-index:100;text-align:left;border-radius:16px;flex-direction:column;gap:1.2rem;max-width:360px;padding:1.5rem;animation:.8s cubic-bezier(.16,1,.3,1) forwards slide-in-up;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 12px 40px #00000014}.cookie-title{letter-spacing:.05em;text-transform:uppercase;margin-bottom:.4rem;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:600}.cookie-text{color:var(--text-secondary);font-size:.75rem;line-height:1.6}.cookie-actions{justify-content:flex-end;gap:.6rem;display:flex}.btn-cookie-primary{background:var(--text-color)!important;color:var(--bg-color)!important;border-color:var(--text-color)!important}.btn-cookie-primary:hover{opacity:.9;transform:translateY(-2px)}.btn-cookie-secondary{border-color:var(--button-border)!important;background:0 0!important}.btn-cookie-secondary:hover{border-color:var(--button-hover-border)!important;background:#00000008!important}body.theme-midnight .btn-cookie-secondary:hover{background:#ffffff0d!important}@media (width<=480px){.cookie-banner{max-width:calc(100% - 2rem);padding:1.2rem;bottom:1rem;left:1rem;right:1rem}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}
