:root { --panel:#6d8a37; --panel-dark:#4a6126; --btn:#f5a623; --btn-border:#8a5a00; --text:#1c1c1c; }
* { box-sizing:border-box; margin:0; padding:0; }
body { min-height:100vh; display:flex; align-items:center; justify-content:center;
	background:#3f5d2a; font-family:Verdana, Geneva, sans-serif; color:var(--text); }
.panel { background:var(--panel); border:4px solid var(--panel-dark); border-radius:4px;
	box-shadow:0 8px 0 rgba(0,0,0,.35); padding:28px 32px; max-width:460px; width:92%; text-align:center; }
h1 { color:#fff; text-shadow:2px 2px 0 #2c3a18; font-size:1.4rem; margin-bottom:16px; letter-spacing:1px; }
p { color:#eef3e2; margin-bottom:16px; line-height:1.5; }
label { display:block; text-align:left; color:#eef3e2; font-size:.85rem; margin:10px 0 4px; }
input { width:100%; padding:10px; border:3px solid var(--panel-dark); border-radius:3px;
	font-size:1rem; background:#f6f2e3; }
.btn { display:inline-block; width:100%; margin-top:18px; background:var(--btn);
	border:3px solid var(--btn-border); border-radius:3px; padding:12px 22px; font-weight:bold;
	font-size:1rem; color:var(--text); text-decoration:none; box-shadow:0 4px 0 var(--btn-border); cursor:pointer; }
.btn:active { transform:translateY(3px); box-shadow:0 1px 0 var(--btn-border); }
.msg { margin-top:14px; font-weight:bold; color:#ffe9b0; min-height:1.2em; }
.links { margin-top:16px; font-size:.85rem; }
.links a { color:#ffe9b0; }