*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Fredoka',sans-serif;background:linear-gradient(135deg,#e0f2fe 0,#bae6fd 100%);color:#0f172a;height:100dvh;overflow:hidden;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;width:100%}.logo-img{display:flex;align-items:center}.logo-img img{max-height:45px;width:auto}.uptime{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.8);padding:.5rem 1rem;border-radius:99px;font-weight:700;font-size:.9rem;box-shadow:0 4px 6px rgba(0,0,0,.05);border:2px solid #cbd5e1}.dot{width:12px;height:12px;background:#22c55e;border-radius:50%;animation:p 2s infinite}@keyframes p{0%{box-shadow:0 0 0 0 rgba(34,197,94,.7)}70%{box-shadow:0 0 0 6px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 1rem}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 0 #fff;line-height:1.1;max-width:800px;letter-spacing:-.5px}p{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:400;max-width:650px;margin-bottom:2.5rem;color:#334155;line-height:1.5}.cta{background:#22c55e;color:#fff;text-decoration:none;padding:1rem 2.5rem;font-size:1.5rem;font-weight:700;border-radius:16px;border:4px solid #166534;box-shadow:0 6px 0 #166534;transition:all .1s;text-transform:uppercase;cursor:pointer;display:inline-block;outline:none;text-shadow:1px 1px 0 #14532d}.cta:hover,.cta:focus{transform:translateY(2px);box-shadow:0 4px 0 #166534;background:#4ade80}.cta:active{transform:translateY(6px);box-shadow:0 0 0 #166534}.mascot{width:90px;height:90px;background:#fff;border:4px solid #0f172a;border-radius:24px;margin-bottom:1.5rem;position:relative;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55),box-shadow .3s;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 8px 0 #0f172a}.eyes{display:flex;gap:15px;margin-bottom:10px}.eye{width:12px;height:16px;background:#0f172a;border-radius:50%;transition:height .2s,border-radius .2s;will-change:transform}.mouth{width:30px;height:10px;border-bottom:4px solid #0f172a;border-radius:0 0 20px 20px;transition:all .2s}.mascot.h{transform:translateY(-15px) scale(1.1);box-shadow:0 23px 0 #0f172a}.mascot.h .mouth{height:20px;background:#ef4444;border:4px solid #0f172a}.mascot.h .eye{height:20px;border-radius:50% 50% 10% 10%}footer{padding:1.5rem;text-align:center;color:#64748b;font-weight:700;font-size:.9rem}footer a{color:#475569;text-decoration:none;margin:0 .5rem}footer a:hover{text-decoration:underline}@media(max-height:600px){h1{font-size:clamp(1.5rem,4vw,2.5rem)}.mascot{width:70px;height:70px;margin-bottom:1rem}.cta{padding:.75rem 1.5rem;font-size:1.25rem}}