body{margin:0;background:#111;color:#fff;font-family:Arial,Helvetica,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}
.card{max-width:700px;width:100%;background:#1a1a1a;border:1px solid #333;border-radius:20px;padding:40px;text-align:center}
.logo{max-width:320px;width:80%}
.badge{display:inline-block;background:#ff8c1a;color:#111;padding:8px 18px;border-radius:999px;font-weight:bold;margin:20px 0}
input{width:100%;padding:15px;border-radius:10px;border:1px solid #444;background:#222;color:#fff;margin:15px 0}
button{padding:15px 30px;background:#ff8c1a;border:0;border-radius:10px;font-weight:bold;cursor:pointer}
.success{background:#153d1d;border:1px solid #2f8f47;padding:15px;border-radius:10px;margin:20px 0}


/* Premium logo treatment */
.logo{
    display:block;
    margin:0 auto 28px;
    max-width:320px;
    width:80%;
    padding:18px 24px;
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,140,26,0.20);
    border-radius:18px;
    box-shadow:
        0 0 35px rgba(255,140,26,0.10),
        inset 0 1px 0 rgba(255,255,255,0.05);
    backdrop-filter: blur(8px);
    transition:.25s ease;
}

.logo:hover{
    transform:translateY(-2px);
    box-shadow:
        0 0 45px rgba(255,140,26,0.22),
        inset 0 1px 0 rgba(255,255,255,0.06);
}

.card{
    background:linear-gradient(180deg,#1b1b1b,#141414);
    box-shadow:0 25px 60px rgba(0,0,0,.45);
}

body{
    background:
      radial-gradient(circle at top, rgba(255,140,26,.12), transparent 45%),
      #101010;
}