*{margin:0;padding:0;box-sizing:border-box}body,html,#root{height:100%;font-family:Inter,system-ui,sans-serif;background:#f6f8fb;color:#2c2c2c;overflow-x:hidden}.background{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;z-index:0;display:flex;justify-content:center;align-items:center;contain:paint;pointer-events:none}.maintenance{min-height:100dvh;display:flex;align-items:center;justify-content:center;position:relative}.gradient{position:absolute;width:120%;height:120%;border-radius:50%;filter:blur(180px);opacity:.55;animation:float 12s ease-in-out infinite alternate}.gradient-1{background:radial-gradient(circle at top left,#ffd86f 0%,transparent 70%);top:-20%;left:-20%}.gradient-2{background:radial-gradient(circle at bottom right,#87e9ff 0%,transparent 70%);bottom:-20%;right:-20%;animation-delay:3s}@keyframes float{0%{transform:scale(1) translate(0)}50%{transform:scale(1.1) translate(10px,-10px)}to{transform:scale(1) translate(-10px,10px)}}.card{position:relative;z-index:1;max-width:480px;margin:0 auto;background:#ffffffbf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.05);border-radius:20px;padding:2.5rem;text-align:center;box-shadow:0 10px 30px #00000014;animation:fadeIn 1s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.brand{display:flex;flex-direction:column;align-items:center;gap:.5rem}.logo{font-size:3rem;animation:rotate 6s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.badge{background:#eaf6ff;color:#0077b6;padding:.4rem 1rem;border-radius:999px;font-size:.9rem;font-weight:500}.title{margin-top:1.8rem;font-size:1.8rem;color:#1f2937;animation:pulse 2.5s infinite ease-in-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.lead{color:#555;margin:1rem 0 2rem;font-size:1rem;line-height:1.5}.status{margin-bottom:1.8rem}.progress{background:#e5e7eb;border-radius:999px;overflow:hidden;height:10px;margin-bottom:.8rem}.progress-fill{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#00b4d8,#90e0ef,#ffd86f);animation:progressAnim 6s ease-in-out infinite}@keyframes progressAnim{0%{width:20%}50%{width:80%}to{width:60%}}.status-line{display:flex;justify-content:center;align-items:center;gap:.4rem;color:#6b7280;font-size:.95rem}.ping{width:8px;height:8px;background:#00b4d8;border-radius:50%;position:relative;animation:ping 1.5s infinite ease-out}@keyframes ping{0%{transform:scale(1);opacity:1}75%,to{transform:scale(2);opacity:0}}.actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.btn{background:linear-gradient(90deg,#00b4d8,#48cae4);color:#fff;padding:.6rem 1.3rem;border:none;border-radius:999px;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.btn:hover{transform:scale(1.05);opacity:.9}.btn-ghost{background:transparent;color:#0077b6;border:1px solid #bde0fe}.btn-ghost:hover{background:#eaf6ff}.foot{font-size:.85rem;color:#6b7280}.status-pill{display:inline-block;background:#e0f7fa;padding:.2rem .8rem;border-radius:999px;color:#0077b6;font-weight:500}