/* K3MA Legal Pages - Shared Styles */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700;900&family=Orbitron:wght@400;500;700;900&family=JetBrains+Mono:wght@400;500;700&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'DM Sans',system-ui,sans-serif;background:#0A0A0F;color:rgba(255,255,255,.6);overflow-x:hidden;line-height:1.7;font-size:15px}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

:root{
  --teal:#00FFF0;--pink:#FF00FF;--purple:#9D00FF;--red:#FF0055;
  --bg:#0A0A0F;--surface:#1A1A2E;--card:#12121F;
}

/* Scrollbar */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:#0A0A0F}
::-webkit-scrollbar-thumb{background:var(--teal);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--pink)}

/* Scanline */
.scanline{position:fixed;inset:0;pointer-events:none;z-index:50;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,240,0.008) 2px,rgba(0,255,240,0.008) 4px)}

/* Logo glitch */
.logo-wrap{position:relative;width:40px;height:40px;display:inline-block;flex-shrink:0}
.logo-wrap img{width:100%;height:100%;object-fit:contain}
.logo-wrap .logo-base{filter:brightness(0) invert(1);position:relative;z-index:2}
.logo-wrap .logo-teal{position:absolute;inset:0;filter:brightness(0) invert(1) sepia(1) saturate(50) hue-rotate(140deg);opacity:.7;z-index:1;animation:lg-teal 5s infinite linear alternate-reverse}
.logo-wrap .logo-pink{position:absolute;inset:0;filter:brightness(0) invert(1) sepia(1) saturate(50) hue-rotate(270deg);opacity:.7;z-index:0;animation:lg-pink 6s infinite linear alternate-reverse}
@keyframes lg-teal{0%{transform:translate(0,0);opacity:.6}50%{transform:translate(-2px,1px);opacity:.8}100%{transform:translate(0,-1px);opacity:.6}}
@keyframes lg-pink{0%{transform:translate(0,0);opacity:.5}50%{transform:translate(2px,-1px);opacity:.7}100%{transform:translate(1px,-2px);opacity:.5}}
.logo-wrap:hover .logo-teal{animation-duration:1.5s}
.logo-wrap:hover .logo-pink{animation-duration:2s}

/* Navbar */
.legal-nav{position:fixed;top:0;left:0;right:0;z-index:40;background:rgba(10,10,15,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,255,240,.1)}
.legal-nav-inner{max-width:56rem;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;height:56px}
@media(min-width:640px){.legal-nav-inner{padding:0 1.5rem}}
.back-link{font-family:'JetBrains Mono',monospace;font-size:11px;color:rgba(255,255,255,.4);letter-spacing:.15em;text-transform:uppercase;transition:color .3s}
.back-link:hover{color:var(--teal)}

/* Main content */
.legal-main{padding-top:6rem;padding-bottom:4rem}
.legal-container{max-width:48rem;margin:0 auto;padding:0 1rem}
@media(min-width:640px){.legal-container{padding:0 1.5rem}}

/* Header */
.legal-header{margin-bottom:3rem}
.sys-tag{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}
.sys-tag-line{height:1px;width:3rem;background:var(--teal)}
.sys-tag span{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--teal);letter-spacing:.3em;text-transform:uppercase}
.legal-h1{font-family:'Orbitron',sans-serif;font-size:clamp(1.75rem,5vw,3rem);font-weight:900;letter-spacing:-.02em;color:#fff;margin-bottom:.75rem}
.legal-date{font-family:'JetBrains Mono',monospace;font-size:11px;color:rgba(255,255,255,.3);letter-spacing:.15em}

/* Content sections */
.legal-body{display:flex;flex-direction:column;gap:2rem}
.legal-body section{display:flex;flex-direction:column;gap:.5rem}
.legal-body h2{font-family:'Orbitron',sans-serif;font-size:1.1rem;font-weight:700;color:var(--teal);letter-spacing:.05em;margin-bottom:.25rem}
.legal-body p{color:rgba(255,255,255,.6);line-height:1.7}
.legal-body ul{list-style:disc;padding-left:1.5rem;color:rgba(255,255,255,.5)}
.legal-body ul li{margin-bottom:.25rem}
.legal-body ul li span{color:rgba(255,255,255,.6)}
.legal-body a.teal{color:var(--teal);transition:opacity .3s}
.legal-body a.teal:hover{opacity:.7;text-decoration:underline}

/* Cookie type cards */
.cookie-card{padding:1rem;border:1px solid;border-radius:2px;margin-top:.5rem}
.cookie-card h3{font-family:'Orbitron',sans-serif;font-size:13px;font-weight:700;letter-spacing:.1em;margin-bottom:.5rem}
.cookie-card p{font-size:14px;color:rgba(255,255,255,.5)}
.cookie-card-teal{border-color:rgba(0,255,240,.15);background:rgba(0,255,240,.03)}
.cookie-card-teal h3{color:var(--teal)}
.cookie-card-purple{border-color:rgba(157,0,255,.15);background:rgba(157,0,255,.03)}
.cookie-card-purple h3{color:var(--purple)}
.cookie-card-pink{border-color:rgba(255,0,255,.15);background:rgba(255,0,255,.03)}
.cookie-card-pink h3{color:var(--pink)}

/* Back link bottom */
.back-bottom{margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(0,255,240,.1)}
.back-bottom a{display:inline-flex;align-items:center;gap:.5rem;font-family:'JetBrains Mono',monospace;font-size:12px;color:rgba(0,255,240,.6);letter-spacing:.15em;text-transform:uppercase;transition:color .3s}
.back-bottom a:hover{color:var(--teal)}

/* Footer */
.legal-footer{border-top:1px solid rgba(255,255,255,.05);padding:1.5rem 0}
.legal-footer-inner{max-width:48rem;margin:0 auto;padding:0 1rem;text-align:center}
@media(min-width:640px){.legal-footer-inner{padding:0 1.5rem}}
.footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin-bottom:.5rem}
.footer-sep{font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(0,255,240,.2)}
.footer-link{font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(255,255,255,.2);letter-spacing:.15em;transition:color .3s;text-transform:uppercase}
.footer-link:hover{color:rgba(0,255,240,.5)}
.footer-link-active{color:rgba(0,255,240,.4)}
.footer-copy{font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(255,255,255,.12);letter-spacing:.2em}

/* 404 specific */
.error-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem}
.error-code{font-family:'Orbitron',sans-serif;font-size:clamp(6rem,20vw,12rem);font-weight:900;color:var(--pink);line-height:1;margin-bottom:1rem;position:relative}
.error-code::before,.error-code::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}
.error-code::before{color:var(--teal);z-index:-1;animation:e-teal 3s infinite ease-in-out}
.error-code::after{color:var(--purple);z-index:-2;animation:e-pink 3.5s infinite ease-in-out}
@keyframes e-teal{0%,85%,97%,100%{transform:translate(0);opacity:0}87%{transform:translate(-4px,2px);opacity:.7}91%{transform:translate(3px,-1px);opacity:.5}95%{transform:translate(-2px,-1px);opacity:.6}}
@keyframes e-pink{0%,82%,94%,100%{transform:translate(0);opacity:0}84%{transform:translate(4px,-2px);opacity:.6}88%{transform:translate(-3px,1px);opacity:.8}92%{transform:translate(2px,1px);opacity:.4}}
.error-tag{font-family:'JetBrains Mono',monospace;font-size:12px;color:rgba(0,255,240,.5);letter-spacing:.3em;text-transform:uppercase;margin-bottom:2rem}
.error-msg{font-size:1.1rem;color:rgba(255,255,255,.5);margin-bottom:2.5rem;max-width:28rem;margin-left:auto;margin-right:auto}
.error-btn{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--teal);border:1px solid rgba(0,255,240,.3);padding:.75rem 2rem;letter-spacing:.15em;text-transform:uppercase;transition:all .3s;border-radius:2px}
.error-btn:hover{background:rgba(0,255,240,.1);border-color:rgba(0,255,240,.6);box-shadow:0 0 20px rgba(0,255,240,.15)}