*,*: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}.forgot-link{text-align:right;margin:4px 0}.forgot-link a{font-size:13px;color:#7a4a45;text-decoration:none}.forgot-link a:hover{text-decoration:underline}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}.divider{display:flex;align-items:center;text-align:center;margin:20px 0;color:#999;font-size:12px}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #ddd}.divider span{padding:0 12px}.social-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.btn-social{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:700;transition:.3s;border:1px solid #ddd}.btn-google{background:#fff;color:#444}.btn-google:hover{background:#f5f5f5}.btn-google i{color:#db4437}.btn-facebook{background:#1877f2;color:#fff;border:none}.btn-facebook:hover{background:#145dc4}.register-link{font-size:14px;margin-top:16px;color:#444}.register-link a{color:#e3b372;display:inline-block;margin-top:4px;text-decoration:none;font-weight:700}.register-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}.alert.success{background:#d4edda;color:#155724}.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}}