*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;background:#f4f4f4;min-height:100vh;display:flex;flex-direction:column}.auth-header{position:fixed;top:0;left:0;width:100%;background:#fff;box-shadow:0 2px 8px #0000001a;padding:12px 30px;z-index:100;display:flex;justify-content:center;align-items:center}.brand{display:flex;align-items:center;gap:12px}.brand-logo{height:45px;width:auto;object-fit:contain}.brand-name{font-size:22px;font-weight:700;color:#2c1a1a;letter-spacing:2px;font-family:Georgia,serif}.page-wrapper{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding-top:90px;flex:1}.box{width:100%;max-width:360px;background:#fff;padding:32px 28px;text-align:center;border-radius:10px;box-shadow:0 4px 16px #0000001a;margin:0 auto 30px}.box h2{font-size:22px;color:#2c1a1a;margin-bottom:20px;font-family:Georgia,serif}input{width:100%;padding:11px 14px;margin:8px 0;border:1px solid #ccc;border-radius:6px;font-size:16px;font-family:Arial,sans-serif}input:focus{outline:none;border-color:#e3b372}.password-wrapper{position:relative;display:flex;align-items:center;margin:8px 0}.password-wrapper input{margin:0;padding-right:40px}.eye-icon{position:absolute;right:12px;cursor:pointer;font-size:15px;color:#888}button{padding:12px;width:100%;background:#e3b372;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;margin-top:8px;transition:background .3s;font-family:Arial,sans-serif}button:hover{background:#7a4a45}.login-link{font-size:14px;margin-top:16px;color:#444}.login-link a{color:#e3b372;display:inline-block;margin-top:4px;text-decoration:none;font-weight:700}.login-link a:hover{text-decoration:underline}.alert{background:#f8d7da;color:#721c24;padding:10px;border-radius:5px;margin-bottom:15px;font-size:14px;text-align:left}.auth-footer{width:100%;background:#e3b372;text-align:center;padding:10px;font-size:13px;font-weight:700;color:#2c1a1a;letter-spacing:1px;margin-top:auto}.auth-footer p{margin:2px 0}@media(max-width:344px){.box{padding:20px 14px}.box h2{font-size:18px}input,button{font-size:15px}}@media(min-width:768px){.box{max-width:430px;padding:40px 36px}.box h2{font-size:26px;margin-bottom:24px}}@media(min-width:912px){.box{max-width:460px;padding:44px 40px}.box h2{font-size:28px}}@media(min-width:1280px){.box{max-width:480px}}