:root{
--bg:#120d22;
--bg2:#1e1b4b;
--text:#f3e8ff;
--muted:#c4b5fd;
--accent:#a78bfa;
--border:rgba(255,255,255,0.08);
}

*{box-sizing:border-box;}

html,body{
height:100%;
margin:0;
}

body{
font-family:system-ui;
background:linear-gradient(180deg,var(--bg),var(--bg2));
color:var(--text);
}

.page{
min-height:100vh;
display:flex;
flex-direction:column;
}

nav{
display:flex;
justify-content:center;
gap:28px;
padding:22px;
border-bottom:1px solid var(--border);
}

nav a{
color:var(--muted);
text-decoration:none;
font-size:14px;
}

nav a:hover{
color:var(--accent);
}
.container{
flex:1;
display:flex;
align-items:center;
justify-content:center;
padding:40px 20px;
}

.card{
max-width:800px;
width:100%;
background:rgba(255,255,255,0.03);
border:1px solid var(--border);
border-radius:14px;
padding:35px;
}

.small{
margin:0;
font-size:13px;
letter-spacing:2px;
color:var(--accent);
}

h1{
margin:10px 0 20px;
font-size:42px;
}
p{
color:var(--muted);
line-height:1.8;
margin:14px 0;
}

footer{
text-align:center;
padding:24px;
border-top:1px solid var(--border);
color:var(--muted);
}