/* Mroczny, elegancki motyw */
:root{
--bg:#07060a;
--panel:#0f0d12;
--muted:#9a93a0;
--accent:#b86bff;
}
html,body{
height:100%;
margin:0;
font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
background: radial-gradient( circle at 10% 10%, #07060a 0%, #050406 40%, #030203 100% );
color: #eee;
}
.container{
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
gap:24px;
text-align:center;
padding:24px;
}
.card{
background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
border:1px solid rgba(255,255,255,0.03);
box-shadow: 0 8px 30px rgba(0,0,0,0.7);
padding:32px;
border-radius:16px;
max-width:760px;
}
.logo{
width:500px;
height:300px;
display:block;
margin:0 auto 12px;
filter: drop-shadow(0 6px 18px rgba(184,107,255,0.12));
}
h1{
margin:8px 0 4px;
font-size:22px;
letter-spacing:1px;
}
p.lead{
color:var(--muted);
line-height:1.6;
}
a.cta{
display:inline-block;
margin-top:18px;
padding:10px 18px;
border-radius:999px;
text-decoration:none;
color:#0b0710;
background:linear-gradient(90deg, rgba(184,107,255,1), rgba(134,73,255,1));
font-weight:600;
box-shadow: 0 8px 24px rgba(184,107,255,0.16);
}