body{
    background:#090b0d;
    background-image:
        radial-gradient(circle at top left,#17d9b355,transparent 35%),
        radial-gradient(circle at bottom right,#9eff0050,transparent 30%);
    color:#ffffff;
    font-family:Inter,Segoe UI,sans-serif;
}

#main{
    background:rgba(18,18,18,.78);
    backdrop-filter:blur(18px);
    border-radius:22px;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:
        0 20px 80px rgba(0,0,0,.45),
        inset 0 0 0 1px rgba(255,255,255,.02);
}

.ember-hero h1{
    font-size:48px;
    letter-spacing:10px;
    margin-bottom:8px;
    color:white;
}

.subtitle{
    font-size:20px;
    color:#2de6c4;
    margin-bottom:30px;
}

.ember-status{
    display:inline-flex;
    align-items:center;
    gap:12px;
    margin-top:25px;
    padding:12px 20px;
    border-radius:999px;

    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
}

.dot{
    width:12px;
    height:12px;
    border-radius:50%;
    background:#6dff4d;
    box-shadow:0 0 20px #6dff4d;
}

a{
    color:#38ffe0;
}

button{
    border-radius:14px!important;
    background:linear-gradient(90deg,#98ff00,#00d4b0)!important;
    color:black!important;
    border:none!important;
}

button:hover{
    transform:translateY(-2px);
    transition:.25s;
}