/* WEB PANEL PROXY public CSS */
* { box-sizing: border-box; }
    html { min-height: 100%; background: #d9eaf3; }
    body { margin: 0; min-height: 100vh; min-height: 100svh; display: grid; place-items: center; padding: 24px; color: #203a50; background: linear-gradient(rgba(233,244,250,.12), rgba(233,244,250,.12)), url('/bliss-background.png') center / cover no-repeat; }
    h1 { margin: 0; max-width: 100%; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2rem, 8.5vw, 9rem); font-weight: 400; line-height: 1.2; letter-spacing: -.055em; text-align: center; overflow-wrap: anywhere; text-shadow: 0 2px 28px rgba(255,255,255,.5); }
    body { position: relative; padding-bottom: 80px; padding-top: 80px; }
    footer { position: absolute; bottom: max(24px, env(safe-area-inset-bottom)); left: 24px; right: 24px; text-align: center; font: 400 .9375rem/1.5 Arial, sans-serif; color: #203a50; text-shadow: 0 1px 12px rgba(255,255,255,.8); }
    @media (prefers-reduced-motion: no-preference) { h1 { animation: appear 1.4s ease-out both; } @keyframes appear { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } }