:root{--transition:.25s;--spark:1.8s}.galaxy-button{--hue:38;--active:0;display:inline-block;position:relative}.galaxy-button:hover,.galaxy-button:focus-within{--active:1}.galaxy-button__element{--cut:.1em;--bg:radial-gradient(120% 120% at 126% 126%, hsl(var(--hue) calc(var(--active) * 97%) 98% / calc(var(--active) * .9)) 40%, transparent 50%) calc(100px - (var(--active) * 100px)) 0 / 100% 100% no-repeat, radial-gradient(120% 120% at 120% 120%, hsl(var(--hue) calc(var(--active) * 97%) 70% / calc(var(--active) * 1)) 30%, transparent 70%) calc(100px - (var(--active) * 100px)) 0 / 100% 100% no-repeat, hsl(var(--hue) calc(var(--active) * 100%) calc(12% - (var(--active) * 8%)));background:var(--bg);cursor:pointer;white-space:nowrap;width:180px;height:50px;box-shadow:0 0 calc(var(--active) * 4em) calc(var(--active) * 2em) hsl(var(--hue) 97% 61% / .4), 0 .05em 0 0 hsl(var(--hue) calc(var(--active) * 97%) calc((var(--active) * 50%) + 30%)) inset, 0 -.05em 0 0 hsl(var(--hue) calc(var(--active) * 97%) calc(var(--active) * 10%)) inset;transition:box-shadow var(--transition), transform var(--transition), background var(--transition);transform:scale(calc(1 + (var(--active) * .05)));transform-style:preserve-3d;perspective:100vmin;color:#fff;-webkit-user-select:none;user-select:none;border:0;border-radius:2rem;justify-content:center;align-items:center;gap:.5em;padding:.85em 2em;font-size:clamp(.875rem,2vw,1.05rem);font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.galaxy-button__element:active{transform:scale(1)}.galaxy-button .star{height:calc(var(--size) * 1px);aspect-ratio:1;opacity:var(--alpha);transform:translate(-50%, -50%) rotate(10deg) rotate(0deg) translateY(calc(var(--distance) * 1px));animation:galaxy-orbit calc(var(--duration) * 1s) calc(var(--delay) * -1s) infinite linear;background:#fff;border-radius:50%;position:absolute;top:50%;left:50%}@keyframes galaxy-orbit{to{transform:translate(-50%, -50%) rotate(10deg) rotate(360deg) translateY(calc(var(--distance) * 1px))}}.galaxy-button .galaxy{aspect-ratio:1;width:100%;opacity:var(--active);transition:opacity var(--transition);pointer-events:none;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.galaxy-button .galaxy__ring{width:200%;height:200%;transform-style:preserve-3d;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-28%,-40%)rotateX(-24deg)rotateY(-30deg)rotateX(90deg)}.galaxy-button .galaxy__container{opacity:var(--active);transition:opacity var(--transition);pointer-events:none;position:absolute;inset:0;-webkit-mask:radial-gradient(#fff,#0000);mask:radial-gradient(#fff,#0000)}.galaxy-button .star--static{filter:brightness(4);opacity:.9;max-height:4px;animation:none;animation:galaxy-move-x calc(var(--duration) * .1s) calc(var(--delay) * -.1s) infinite linear, galaxy-move-y calc(var(--duration) * .2s) calc(var(--delay) * -.2s) infinite linear;top:50%;left:50%;transform:translate(0)}.galaxy-button:hover .star--static{animation-play-state:paused}@keyframes galaxy-move-x{0%{transform:translate(-100px)}to{transform:translate(100px)}}@keyframes galaxy-move-y{0%{transform:translateY(-50px)}to{transform:translateY(50px)}}.galaxy-button .spark{animation:galaxy-flip calc(var(--spark) * 2) infinite steps(2, end);pointer-events:none;border-radius:2rem;position:absolute;inset:0;overflow:hidden;transform:rotate(0);-webkit-mask:linear-gradient(#fff,#0000 50%);mask:linear-gradient(#fff,#0000 50%)}@keyframes galaxy-flip{to{transform:rotate(360deg)}}.galaxy-button .spark:before{content:"";aspect-ratio:1;z-index:-1;width:200%;opacity:calc((var(--active)) + .4);background:conic-gradient(from 0deg, transparent 0 340deg, white 360deg);transition:opacity var(--transition);animation:galaxy-rotate var(--spark) linear infinite both;position:absolute;top:0%;left:50%;transform:translate(-50%,-15%)rotate(-90deg)}.galaxy-button .spark:after{content:"";inset:var(--cut);border-radius:2rem;position:absolute}.galaxy-button .backdrop{inset:var(--cut);background:var(--bg);transition:background var(--transition);pointer-events:none;border-radius:2rem;position:absolute}@keyframes galaxy-rotate{to{transform:translate(-50%,-15%)rotate(90deg)}}.galaxy-button .text{z-index:1;letter-spacing:.03em;color:hsl(0 0% calc(75% + (var(--active) * 25%)));transition:color var(--transition);align-items:center;gap:.4em;display:inline-flex;position:relative}.card-spark{--spark:1.8s;animation:galaxy-flip calc(var(--spark) * 2) infinite steps(2, end);pointer-events:none;opacity:0;z-index:0;border-radius:22px;transition:opacity .3s;position:absolute;inset:0;overflow:hidden;transform:rotate(0);-webkit-mask:linear-gradient(#fff,#0000 50%);mask:linear-gradient(#fff,#0000 50%)}.group\/card:hover .card-spark,.group\/card:focus-within .card-spark{opacity:1}.card-spark:before{content:"";aspect-ratio:1;z-index:-1;background:conic-gradient(from 0deg, transparent 0 335deg, #bc9348 350deg, #fff 360deg);width:250%;animation:galaxy-rotate var(--spark) linear infinite both;position:absolute;top:0%;left:50%;transform:translate(-50%,-15%)rotate(-90deg)}
:root{--cookie-bg:#0f1724;--cookie-accent:#ffb86b;--cookie-muted:#94a3b8;--cookie-card:#0b1220;--cookie-glass:#ffffff0a;--cookie-radius:14px;--cookie-glass-2:#ffffff08}.cookie-buddy{color:#e6eef8;align-items:center;gap:12px;font-family:inherit;display:inline-flex}.cookie-btn{background:linear-gradient(145deg, var(--cookie-accent), #ff9a44);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:none;border-radius:40px;outline:none;align-items:center;gap:10px;padding:10px 14px;display:flex;box-shadow:0 6px 18px #00000073}.cookie-btn:focus-visible{outline-offset:2px;outline:2px solid #fff}.cookie-btn .emoji{font-size:20px}.cookie-btn .label{color:#071021;font-weight:600}.cookie-consent-overlay{z-index:99990;-webkit-backdrop-filter:blur(8px);overscroll-behavior:contain;pointer-events:auto;background:#000000ad;justify-content:center;align-items:center;width:100%;height:100dvh;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.cookie-panel{z-index:10000;transform-origin:100% 100%;color:#e6eef8;border-radius:16px;width:360px;padding:16px;font-family:Rubik,system-ui,Segoe UI,Arial,sans-serif;display:none;position:fixed;bottom:78px;right:18px;box-shadow:0 18px 50px #02061799}.cookie-panel.visible{display:block}.cookie-panel header{align-items:center;gap:12px;display:flex}.cookie-panel .cookie-avatar{background:var(--cookie-glass);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;display:flex}.cookie-panel h3{margin:0;font-size:18px;font-weight:600}.cookie-panel p{color:var(--cookie-muted);margin:6px 0 12px;font-size:13px}.cookie-panel .categories{gap:10px;display:grid}.cookie-panel .cat{background:linear-gradient(180deg, var(--cookie-glass), var(--cookie-glass-2));border:1px solid #ffffff05;border-radius:10px;justify-content:space-between;align-items:center;padding:10px;display:flex}.cookie-panel .cat .meta{align-items:center;gap:10px;display:flex}.cookie-panel .cat .meta strong{font-size:14px}.cookie-panel .cat .meta svg{opacity:.9;fill:currentColor;width:16px;height:16px}.cookie-panel .toggle{cursor:pointer;background:#1f2b3a;border-radius:20px;width:46px;height:26px;padding:3px;position:relative}.cookie-panel .toggle .dot{background:linear-gradient(#fff,#fff);border-radius:50%;width:20px;height:20px;transition:all .22s;position:absolute;top:3px;left:3px;box-shadow:0 3px 8px #02061780}.cookie-panel .toggle.on{background:linear-gradient(90deg,#78ffd6,#69e3ff)}.cookie-panel .toggle.on .dot{left:23px}.cookie-panel .toggle.disabled{cursor:not-allowed;opacity:.8}.cookie-panel .actions{gap:8px;margin-top:12px;display:flex}.cookie-panel .btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:10px 12px;font-family:inherit;font-weight:600;transition:filter .2s}.cookie-panel .btn:hover{filter:brightness(1.1)}.cookie-panel .btn.ghost{color:var(--cookie-muted);background:0 0;border:1px solid #ffffff0f}.cookie-panel .btn.primary{color:#052226;background:linear-gradient(90deg,#5eead4,#60a5fa)}.cookie-panel .small{padding:8px 10px;font-size:13px}.cookie-panel .cookie-footer{color:var(--cookie-muted);justify-content:space-between;align-items:center;margin-top:10px;font-size:12px;display:flex}.cookie-panel .link{color:var(--cookie-accent);cursor:pointer;text-decoration:underline}#cookie-confetti{pointer-events:none;z-index:9998;width:100vw;height:100vh;position:fixed;top:0;left:0}@media (max-width:480px){.cookie-panel{width:auto;bottom:72px;left:12px;right:12px}.cookie-buddy{bottom:12px;right:12px}}
.fr{text-align:center;width:100%;max-width:32em;margin:0 auto;padding:0 1em;animation:.6s ease-out fr-fade-slide-in}.fr__face{--face-color1:#e6a135;--face-color2:#be7a1e;--face-glow:#e6a1354d;background-image:linear-gradient(135deg, var(--face-color1), var(--face-color2));box-shadow:0 .5em 2em var(--face-glow);border-radius:50%;width:4.5em;height:4.5em;margin:0 auto 1.5em;transition:transform .2s,box-shadow .3s;position:relative}.fr__face:hover{transform:scale(1.06)}.fr__face-right-eye,.fr__face-left-eye,.fr__face-mouth-lower,.fr__face-mouth-upper{transition:background-color .3s,box-shadow .3s,color .3s;position:absolute}.fr__face-right-eye,.fr__face-left-eye{background-color:#03060b;border-radius:50%;width:.9em;height:.9em;top:1.1em}.fr__face-right-eye{--delay-right:0s;animation:fr-right-eye 1s var(--delay-right) linear paused;clip-path:polygon(0 75%,100% 0,100% 100%,0 100%);left:.9em}.fr__face-left-eye{--delay-left:0s;animation:fr-left-eye 1s var(--delay-left) linear paused;clip-path:polygon(0 0,100% 75%,100% 100%,0 100%);right:.9em}.fr__face-mouth-lower,.fr__face-mouth-upper{color:#03060b;width:2.25em;height:1.125em;top:2.6em;left:1.125em}.fr__face-mouth-lower{--delay-mouth-lower:0s;animation:fr-mouth-lower 1s var(--delay-mouth-lower) linear paused;border-radius:50% 50% 0 0/100% 100% 0 0;box-shadow:inset 0 .18em}.fr__face-mouth-upper{--delay-mouth-upper:0s;animation:fr-mouth-upper 1s var(--delay-mouth-upper) linear paused;border-radius:0 0 50% 50%/0 0 100% 100%;box-shadow:inset 0 -.18em}.fr__label{text-align:center;margin-bottom:.5em;display:block}.fr__input{--input-color:#e6a135;--percent:50%;background-color:#ffffff1f;background-image:linear-gradient(var(--input-color), var(--input-color));background-size:var(--percent) 100%;appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background-repeat:no-repeat;border-radius:.5em;width:100%;max-width:20em;height:.65em;margin:1.4em auto .5em;transition:background-color .3s;display:block}.fr__input:focus{outline:#0000}.fr__input::-webkit-slider-thumb{appearance:none;background-color:#fff;border:0;border-radius:50%;width:1.75em;height:1.75em;transition:background-color .15s linear,transform .15s;box-shadow:0 .25em .75em #00000080}.fr__input:hover::-webkit-slider-thumb{background-color:#fde68a;transform:scale(1.15)}.fr__input:focus-visible::-webkit-slider-thumb{background-color:#fde68a;transform:scale(1.15)}.fr__input::-moz-range-thumb{background-color:#fff;border:0;border-radius:50%;width:1.75em;height:1.75em;transition:background-color .15s linear,transform .15s;box-shadow:0 .25em .75em #00000080}.fr__input:hover::-moz-range-thumb{background-color:#fde68a;transform:scale(1.15)}.fr__input:focus-visible::-moz-range-thumb{background-color:#fde68a;transform:scale(1.15)}@keyframes fr-fade-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fr-right-eye{0%{clip-path:polygon(0 75%,100% 0,100% 100%,0 100%)}50%,to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes fr-left-eye{0%{clip-path:polygon(0 0,100% 75%,100% 100%,0 100%)}50%,to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes fr-mouth-lower{0%{visibility:visible;border-radius:50% 50% 0 0/100% 100% 0 0;height:1.125em;top:2.6em}40%{visibility:visible;border-radius:50% 50% 0 0/100% 100% 0 0;height:.38em;top:2.9em}50%,to{visibility:hidden;border-radius:0;height:.18em;top:3em}}@keyframes fr-mouth-upper{0%,50%{visibility:hidden;border-radius:0;height:.18em;top:3em;box-shadow:inset 0 -.18em}62.5%{visibility:visible;border-radius:0 0 50% 50%/0 0 100% 100%;height:.38em;top:2.9em;box-shadow:inset 0 -.18em}75%{visibility:visible;border-radius:0 0 50% 50%/0 0 100% 100%;height:.75em;top:2.75em;box-shadow:inset 0 -.18em}to{visibility:visible;border-radius:0 0 50% 50%/0 0 100% 100%;height:1.125em;top:2.6em;box-shadow:inset 0 -1.125em}}
