.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif}.login-card{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,5%);width:100%;max-width:400px;text-align:center;margin:1rem}.login-logo{margin-bottom:2rem}.login-logo h1{font-size:1.5rem;font-weight:700;color:#333;margin:0}.login-logo span{color:#ff6b6b}.login-header{margin-bottom:2rem}.login-header h2{font-size:1.25rem;color:#495057;margin:0}.login-form .login-button{width:100%;padding:.875rem;background-color:#343a40;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.login-form .login-button:hover{background-color:#212529}.login-form .login-button:active{transform:translateY(1px)}.login-form .login-button svg{width:20px;height:20px}.login-footer{margin-top:2rem;font-size:.875rem;color:#adb5bd}@media(max-width:480px){.login-card{padding:2rem 1.5rem}}