:root{--dark-blue:#17252A;--teal-dark:#2B7A78;--teal-light:#3AAFA9;--light-gray:#DEF2F1;--white:#FEFFFF}*{margin:0;padding:0;box-sizing:border-box}html{min-height:100vh}body{font-family:Roboto,sans-serif;background-color:var(--light-gray);display:flex;flex-direction:column;min-height:100vh;overflow-x:auto}.surprise-btn{background-color:var(--teal-dark);color:var(--white);border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:1rem;text-align:center;transition:background-color .3s ease;text-decoration:none}.surprise-btn:hover{background-color:var(--teal-light)}.surprise-btn:active{background-color:var(--teal-dark);transform:scale(.98)}.surprise-btn:focus{outline:2px solid var(--teal-light);outline-offset:2px}.error-404{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100%;text-align:center;background-color:var(--dark-blue);color:var(--white)}.error-404 h1{font-size:8rem;font-weight:700;color:var(--teal-light);margin:0;animation:glitch 1s infinite alternate}.error-404 p{font-size:1.5rem;margin:10px 0 20px;color:var(--light-gray)}.back-home{text-decoration:none;padding:10px 20px;background-color:var(--teal-dark);color:var(--white);font-size:1.2rem;border-radius:5px;transition:.3s}.back-home:hover{background-color:var(--teal-light)}@keyframes glitch{0%{text-shadow:2px 2px var(--teal-dark)}100%{text-shadow:-2px -2px var(--teal-light)}}.cookie-banner{position:fixed;bottom:20px;left:20px;right:20px;background:rgba(0,0,0,.8);color:#fff;padding:15px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.cookie-banner a{color:gold;text-decoration:underline}.cookie-banner button{background:gold;color:#000;border:none;padding:8px 15px;border-radius:5px;cursor:pointer}.cookie-banner button:hover{background:#ffc107}