/* ===== Cookie Consent (GDPR/RODO) ===== */
.cookie-consent{position:fixed;z-index:200;bottom:0;left:0;right:0;padding:20px 24px;background:linear-gradient(135deg,#0d061e,#1a0b3a);border-top:1px solid #7a4cff55;backdrop-filter:blur(12px);animation:cookieSlideUp .5s ease-out}
.cookie-consent[hidden]{display:none}
.cookie-consent-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.cookie-consent-text{flex:1}
.cookie-consent-text strong{display:block;margin-bottom:6px;font:700 11px 'DM Mono',monospace;letter-spacing:1.8px;color:#d0c1ff}
.cookie-consent-text p{margin:0;font:13px/1.6 'Space Grotesk',sans-serif;color:#b8a8d8}
.cookie-consent-text a{color:#a78cff;text-decoration:underline;text-underline-offset:2px;transition:color .2s}
.cookie-consent-text a:hover{color:#d0c1ff}
.cookie-consent-actions{display:flex;gap:10px;flex-shrink:0}
.cookie-btn{padding:12px 22px;border-radius:10px;font:700 10px 'DM Mono',monospace;letter-spacing:1.2px;cursor:pointer;transition:all .2s}
.cookie-btn-reject{background:transparent;border:1px solid #7a4cff55;color:#b8a8d8}
.cookie-btn-reject:hover{background:#7a4cff22;border-color:#7a4cff;color:#d0c1ff}
.cookie-btn-accept{background:linear-gradient(135deg,#7a4cff,#5422c2);border:1px solid #a78cff;color:#fff;text-shadow:0 1px 6px #210b65;box-shadow:0 4px 16px #6c3fe366}
.cookie-btn-accept:hover{background:linear-gradient(135deg,#8b5cff,#6833dd);transform:translateY(-1px);box-shadow:0 6px 20px #7a4cff66}
@keyframes cookieSlideUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
@media(max-width:780px){.cookie-consent-inner{flex-direction:column;text-align:center}.cookie-consent-actions{width:100%}.cookie-btn{flex:1}}

/* ===== Sound Button (Equalizer) ===== */
#sound{display:flex;align-items:center;gap:8px;transition:opacity .3s}
.sound-bars{display:flex;align-items:flex-end;gap:2px;height:14px;min-width:17px}
.sound-bars i{display:block;width:3px;background:var(--lav);border-radius:1px;transform-origin:bottom;transition:height .3s ease}
.sound-bars i:nth-child(1){height:6px}
.sound-bars i:nth-child(2){height:10px}
.sound-bars i:nth-child(3){height:4px}
.sound-bars i:nth-child(4){height:8px}
.sound-bars.playing i{animation:soundBar .6s ease-in-out infinite alternate}
.sound-bars.playing i:nth-child(1){animation-delay:0s}
.sound-bars.playing i:nth-child(2){animation-delay:.15s}
.sound-bars.playing i:nth-child(3){animation-delay:.3s}
.sound-bars.playing i:nth-child(4){animation-delay:.45s}
.sound-bars:not(.playing) i{animation:none;height:3px}
.sound-label{font:500 10px 'DM Mono',monospace;letter-spacing:1.5px;color:#f6f2ff;position:relative;display:inline-block;white-space:nowrap}
.sound-label span{display:inline-block;transition:transform .25s ease,opacity .25s ease}
.sound-label .sound-on{position:relative}
.sound-label .sound-off{position:absolute;top:0;left:0;opacity:0;pointer-events:none}
#sound[aria-pressed="true"] .sound-on{opacity:1;transform:translateY(0)}
#sound[aria-pressed="true"] .sound-off{opacity:0;transform:translateY(100%)}
#sound[aria-pressed="false"] .sound-on{opacity:0;transform:translateY(-100%)}
#sound[aria-pressed="false"] .sound-off{opacity:1;transform:translateY(0)}
@keyframes soundBar{0%{height:3px}100%{height:14px}}

/* ===== Trusted Logos (Marquee) ===== */
.trusted-section{position:absolute;bottom:-35px;left:50%;translate:-50% 0;width:100%;text-align:center;padding-bottom:8px}
.trusted-title{margin:0 0 16px;font:10px 'DM Mono',monospace;letter-spacing:2px;color:#7a6a9e;text-transform:uppercase}
.trusted-marquee{overflow-x:hidden;overflow-y:visible;width:100%;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.trusted-track{display:flex;width:max-content;animation:marqueeScroll 30s linear infinite}
.trusted-logo{position:relative;flex-shrink:0;margin-right:60px;opacity:.4;transition:opacity .2s;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.trusted-logo.hovered{opacity:1}
.trusted-logo svg,.trusted-logo img{display:block;height:80px;width:auto}
.logo-label{opacity:0;max-width:120px;font:9px 'DM Mono',monospace;letter-spacing:1px;line-height:1.5;color:#d6cbff;transform:translateY(8px);transition:opacity .2s,transform .2s;text-align:center;margin:4px auto 0;pointer-events:none;white-space:nowrap}
.trusted-logo.hovered .logo-label{opacity:1;transform:none}

@keyframes marqueeScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@media(max-width:780px){.trusted-section{width:90vw}.trusted-logo svg,.trusted-logo img{height:36px}.trusted-logo{height:70px}.logo-label{font-size:8px}.trusted-logo{margin-right:40px}}
