*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#04050d;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}.aurora{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.aurora__orb{position:absolute;border-radius:50%;filter:blur(90px)}.aurora__orb--1{width:700px;height:700px;background:radial-gradient(circle,rgba(99,102,241,.45) 0%,transparent 70%);top:-250px;left:-200px;animation:float1 22s ease-in-out infinite}.aurora__orb--2{width:550px;height:550px;background:radial-gradient(circle,rgba(14,165,233,.35) 0%,transparent 70%);top:40%;right:-180px;animation:float2 28s ease-in-out infinite}.aurora__orb--3{width:480px;height:480px;background:radial-gradient(circle,rgba(139,92,246,.4) 0%,transparent 70%);bottom:-120px;left:35%;animation:float3 19s ease-in-out infinite}.aurora__orb--4{width:350px;height:350px;background:radial-gradient(circle,rgba(6,182,212,.25) 0%,transparent 70%);top:20%;left:55%;animation:float4 24s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(70px,50px) scale(1.08)}50%{transform:translate(30px,90px) scale(.95)}75%{transform:translate(-40px,40px) scale(1.05)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-80px,-60px) scale(1.12)}50%{transform:translate(-40px,30px) scale(.92)}75%{transform:translate(50px,-40px) scale(1.06)}}@keyframes float3{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-70px) scale(1.1)}66%{transform:translate(-70px,-30px) scale(.94)}}@keyframes float4{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-50px,60px) scale(1.08)}66%{transform:translate(60px,30px) scale(.96)}}.grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%)}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2.5rem 1.25rem;position:relative;z-index:1}.container{width:100%;max-width:600px;animation:fadeInUp .6s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.header{text-align:center;margin-bottom:2rem}.brand{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#94a3b899;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.brand:before,.brand:after{content:"";flex:1;max-width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.3))}.brand:after{background:linear-gradient(90deg,rgba(148,163,184,.3),transparent)}.title{font-size:2rem;font-weight:700;letter-spacing:-.03em;margin-bottom:1.25rem;background:linear-gradient(135deg,#e2e8f0,#a5b4fc,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1.1rem;border-radius:2rem;font-size:.8125rem;font-weight:500;letter-spacing:.01em}.badge--up{background:#22c55e14;color:#4ade80;border:1px solid rgba(34,197,94,.25);box-shadow:0 0 20px #22c55e14}.badge--down{background:#ef444414;color:#f87171;border:1px solid rgba(239,68,68,.25);box-shadow:0 0 20px #ef444414}.badge__dot{width:7px;height:7px;border-radius:50%;background:currentColor;animation:blink 2.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.card{background:#ffffff09;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.07);border-radius:18px;overflow:hidden;box-shadow:0 4px 6px #0003,0 20px 60px #0000004d,inset 0 1px #ffffff0f}.card--loading{padding:3.5rem;text-align:center;color:#94a3b880;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.spinner{width:18px;height:18px;border:2px solid rgba(99,102,241,.2);border-top-color:#818cf8;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.row{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem;transition:background .2s ease;animation:rowIn .5s ease both}.row:nth-child(1){animation-delay:.05s}.row:nth-child(2){animation-delay:.1s}.row:nth-child(3){animation-delay:.15s}.row:nth-child(4){animation-delay:.2s}@keyframes rowIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.row--border{border-bottom:1px solid rgba(255,255,255,.045)}.row:hover{background:#ffffff06}.row__left,.row__right{display:flex;align-items:center;gap:1rem}.indicator{position:relative;width:10px;height:10px;flex-shrink:0}.indicator__dot{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.indicator__ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1.5px solid transparent;animation:ring-pulse 2.5s ease-out infinite}.indicator--up .indicator__dot{background:#22c55e;box-shadow:0 0 6px #22c55e99}.indicator--up .indicator__ring{border-color:#22c55e80}.indicator--down .indicator__dot{background:#ef4444;box-shadow:0 0 6px #ef444499}.indicator--down .indicator__ring{border-color:#ef444480;animation-name:none}@keyframes ring-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(2.2);opacity:0}}.svc-name{display:block;font-size:.9rem;font-weight:500;color:#e2e8f0}.svc-desc{display:block;font-size:.775rem;color:#94a3b880;margin-top:.15rem}.resp-time{font-size:.75rem;color:#94a3b859;font-variant-numeric:tabular-nums;min-width:3.2rem;text-align:right}.status-label{font-size:.8rem;font-weight:500;min-width:5.5rem;text-align:right;letter-spacing:.01em}.status-label--up{color:#4ade80}.status-label--down{color:#f87171}.footer{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;font-size:.75rem;color:#94a3b84d}.footer__sep{opacity:.5}@media(max-width:480px){.resp-time{display:none}.title{font-size:1.6rem}.aurora__orb--1{width:350px;height:350px}.aurora__orb--2{width:280px;height:280px}.aurora__orb--3{width:240px;height:240px}.aurora__orb--4{display:none}}