/* Browser check page (Services/BrowserCheck.cs) - Sound Waves purple and orange. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    background: #f5f2f8;
    color: #2b2233;
    font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}
.card {
    margin: auto;
    width: min(380px, calc(100% - 32px));
    padding: 32px 28px 28px;
    background: #fff;
    border: 1px solid #e4dcec;
    border-top: 3px solid #662d90;
    border-radius: 14px;
    text-align: center;
    box-shadow: 0 16px 40px rgba(58, 35, 83, 0.12);
}
.logo { width: 220px; max-width: 100%; height: auto; margin: 0 auto 18px; display: block; }
.sub { margin: 0 0 20px; color: #6b5f78; }
.bar { height: 6px; border-radius: 3px; background: #ece5f2; overflow: hidden; }
.fill { width: 0; height: 100%; background: #f6941d; transition: width 0.15s linear; }
.status { min-height: 1.3em; margin: 12px 0 0; font-size: 13px; color: #6b5f78; }