:root{
--bg:#1a0f07;
--bg2:#2a160d;
--text:#fff1e6;
--muted:#fdba74;
--accent:#f97316;
--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{
width:100%;
max-width:550px;
padding:32px;
border:1px solid var(--border);
border-radius:14px;
background:rgba(255,255,255,0.03);
display:flex;
flex-direction:column;
gap:14px;
}

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

h1{
margin:0 0 10px;
font-size:40px;
}

input,textarea{
padding:14px;
border:1px solid var(--border);
background:transparent;
border-radius:8px;
color:var(--text);
font-family:inherit;
}

input::placeholder,
textarea::placeholder{
color:var(--muted);
}

button{
padding:14px;
border:none;
border-radius:8px;
background:var(--accent);
color:white;
cursor:pointer;
font-size:15px;
}

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