:root{--primary:#000000;--secondary:#FFFFFF;--accent:#FF5E5B;--shadow:8px 8px 0px var(--primary)}*{margin:0;padding:0;box-sizing:border-box;font-family:'Courier New',monospace}body{background-color:var(--secondary);display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.login-container{width:100%;max-width:400px;border:1px solid var(--primary);padding:38px 30px;background-color:var(--secondary);box-shadow:var(--shadow);position:relative;border-radius:12px}.login-container::before{content:'';position:absolute;top:6px;left:6px;right:-6px;bottom:-6px;border:1px solid var(--primary);z-index:-1;border-radius:12px}.login-brands{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:19px}.login-brands img{width:54px;height:54px;object-fit:contain}h1{color:var(--primary);margin-bottom:6px;font-size:28px;font-weight:700;text-align:center}.login-subtitle{text-align:center;font-size:10px;font-weight:bold;letter-spacing:.02em;color:#555;margin-bottom:30px}.input-group{margin-bottom:20px;position:relative}label{display:block;margin-bottom:8px;font-weight:bold;color:var(--primary);font-size:14px}input{width:100%;padding:12px 15px;border:2px solid var(--primary);background-color:var(--secondary);font-size:16px;outline:none;transition:all .3s;border-radius:0;min-height:49px}input:focus{box-shadow:4px 4px 0px var(--primary)}button{width:100%;padding:12px;background-color:var(--accent);color:var(--secondary);border:2px solid var(--primary);font-size:16px;font-weight:bold;cursor:pointer;margin-top:10px;transition:all .3s;min-height:49px}button:hover{box-shadow:4px 4px 0px var(--primary);transform:translate(-2px,-2px)}.footer{text-align:center;margin-top:24px;color:var(--primary);font-size:12px}.footer a{color:var(--primary);font-weight:bold;text-decoration:underline}.login-alert{background:#fff3ba;border:1px solid #111;padding:12px;margin-bottom:20px;font:12px/1.6 Arial,sans-serif;word-wrap:break-word}.login-alert.success{background:#e1ffe6}@media(max-width:420px){body{padding:18px}.login-container{padding:30px 20px;box-shadow:5px 5px 0 #000}.login-container::before{top:4px;left:4px;right:-4px;bottom:-4px}.login-brands img{width:48px;height:48px}h1{font-size:26px}}