:root{
    --qamar-navy:#071426;
    --qamar-navy-2:#0d213d;
    --qamar-gold:#d4af37;
    --qamar-gold-light:#f3d77b;
    --qamar-white:#ffffff;
    --qamar-muted:#9fb3d8;
}

*{
    box-sizing:border-box;
}

body{
    margin:0;
    font-family:Tahoma, Arial, sans-serif;
    background:
        radial-gradient(circle at top left, rgba(212,175,55,.16), transparent 28%),
        linear-gradient(135deg, #071426, #020611);
    color:var(--qamar-white);
    min-height:100vh;
}

.qamar-page{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:30px;
}

.qamar-card{
    width:min(760px, 94vw);
    padding:44px;
    border-radius:28px;
    background:rgba(255,255,255,.07);
    border:1px solid rgba(212,175,55,.28);
    box-shadow:0 30px 90px rgba(0,0,0,.45);
    text-align:center;
}

.qamar-logo{
    width:72px;
    height:72px;
    margin:0 auto 18px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg, var(--qamar-gold), var(--qamar-gold-light));
    color:var(--qamar-navy);
    font-size:38px;
    font-weight:900;
    box-shadow:0 0 45px rgba(212,175,55,.35);
}

.qamar-title{
    margin:0 0 12px;
    font-size:42px;
    color:var(--qamar-gold-light);
}

.qamar-status{
    margin:22px 0;
    font-size:21px;
}

.qamar-version{
    color:var(--qamar-muted);
    font-size:14px;
}