:root{--black:#0a0a0a;--white:#fff;--gray:#888;--border:rgba(255,255,255,0.1);--accent:#ff3b3b}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'ChapelliaReg',sans-serif;background:var(--black);color:var(--white);min-height:100vh;display:flex;align-items:center;justify-content:center}
a{text-decoration:none;color:inherit}
@font-face{font-family:'ChapelliaBold';src:url('/assets/fonts/CHAPELLIA-BOLD.ttf') format('truetype');font-display:swap}
@font-face{font-family:'ChapelliaReg';src:url('/assets/fonts/CHAPELLIA-REG.otf') format('opentype');font-display:swap}
.wrapper{width:100%;max-width:440px;padding:20px}
.logo{text-align:center;margin-bottom:40px}
.logo img{width:44px;margin-bottom:14px}
.logo-name{font-family:'ChapelliaBold',sans-serif;font-size:26px;letter-spacing:4px}
.logo-sub{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--gray);margin-top:6px}
.card{background:rgba(255,255,255,0.03);border:1px solid var(--border);padding:36px}
.card-title{font-family:'ChapelliaBold',sans-serif;font-size:20px;letter-spacing:2px;margin-bottom:20px}
.card-desc{font-size:12px;color:var(--gray);line-height:1.7;margin-bottom:28px}
.form-group{margin-bottom:18px}
.form-label{display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--gray);margin-bottom:7px}
.form-input{width:100%;padding:13px 15px;background:rgba(255,255,255,0.05);border:1px solid var(--border);color:var(--white);font-size:13px;font-family:'ChapelliaReg',sans-serif;outline:none;transition:border-color .2s}
.form-input:focus{border-color:rgba(255,255,255,0.4)}
.alert-info{background:rgba(59,130,246,0.1);border-left:3px solid #3b82f6;padding:12px 16px;font-size:12px;color:#93c5fd;margin-bottom:20px}
.alert-error{background:rgba(255,59,59,0.1);border-left:3px solid var(--accent);padding:12px 16px;font-size:12px;color:#ff8080;margin-bottom:20px}
.alert-success{background:rgba(34,197,94,0.1);border-left:3px solid #22c55e;padding:12px 16px;font-size:12px;color:#86efac;margin-bottom:20px;line-height:1.6}
.forgot-link{text-align:right;margin-bottom:20px}
.forgot-link a{font-size:11px;color:var(--gray);transition:color .2s}
.forgot-link a:hover{color:var(--white)}
.btn{width:100%;padding:15px;background:var(--white);color:var(--black);font-size:11px;letter-spacing:3px;text-transform:uppercase;font-weight:700;border:none;cursor:pointer;font-family:'ChapelliaBold',sans-serif;transition:all .2s;margin-top:6px}
.btn:hover{background:var(--accent);color:var(--white)}
.footer-links{text-align:center;margin-top:20px;font-size:12px;color:var(--gray)}
.footer-links a{color:rgba(255,255,255,0.7);transition:color .2s}
.footer-links a:hover{color:var(--white)}
.back-link{text-align:center;margin-top:20px}
.back-link a{font-size:11px;color:var(--gray);letter-spacing:1px;transition:color .2s}
.back-link a:hover{color:var(--white)}