*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;justify-content:center;min-height:100vh}.login-wrapper{max-width:420px;padding:20px;width:100%}.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.15);padding:48px 40px}.login-logo{margin-bottom:32px;text-align:center}.login-logo h1{color:#667eea;font-size:32px;font-weight:700;letter-spacing:-.5px}.login-logo p{color:#999;font-size:14px;margin-top:4px}.login-card h2{color:#333;font-size:20px;font-weight:600;margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.form-group input{background:#fafafa;border:2px solid #e8e8e8;border-radius:10px;color:#333;font-size:15px;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.15)}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px;transition:transform .15s,box-shadow .15s;width:100%}.login-btn:hover{box-shadow:0 6px 20px rgba(102,126,234,.4);transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.alert{border-radius:10px;font-size:14px;margin-bottom:20px;padding:12px 16px}.alert-danger{background:#fff0f0;border:1px solid #ffd6d6;color:#d32f2f}.alert-success{background:#f0fff4;border:1px solid #c8e6c9;color:#2e7d32}.logged-in-info{background:#f0f4ff;border-radius:10px;color:#555;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.logged-in-info a{color:#667eea;font-weight:600;text-decoration:none}.logged-in-info a:hover{text-decoration:underline}