*{box-sizing:border-box;}
        body{font-family:Arial,sans-serif;background:#15222B;color:#D1D6D8;margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;}
        .card{background:#1E313E;border-radius:10px;padding:40px 36px;width:100%;max-width:400px;border-top:3px solid #6BA493;box-shadow:0 8px 32px rgba(0,0,0,.4);}
        .logo{text-align:center;margin-bottom:28px;}
        .logo h1{margin:0;font-size:1.8em;color:#6BA493;}
        .logo p{margin:4px 0 0;font-size:0.82em;color:#788B99;}
        label{display:block;font-size:0.8em;color:#A0B0B9;margin:16px 0 5px;}
        input[type=email]{width:100%;background:#15222B;color:#D1D6D8;border:1px solid #3A5365;border-radius:5px;padding:11px 13px;font-size:0.95em;}
        input:focus{outline:none;border-color:#6BA493;}
        .btn{width:100%;background:#6BA493;color:#15222B;border:none;border-radius:5px;padding:13px;font-size:1em;font-weight:bold;cursor:pointer;margin-top:20px;}
        .btn:hover{background:#5A9080;}
        .alert{padding:11px 14px;border-radius:5px;font-size:0.88em;margin-bottom:16px;}
        .alert-ok {background:#1A3A2A;border-left:3px solid #6BA493;color:#6BA493;}
        .alert-err{background:#3A1A1A;border-left:3px solid #dc3545;color:#dc3545;}
        .back{text-align:center;margin-top:20px;}
        .back a{color:#788B99;font-size:0.82em;text-decoration:none;}
        .back a:hover{color:#6BA493;}