*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-container{background:#fff;border-radius:20px;padding:50px 40px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:100%;text-align:center}.logo{font-size:48px;margin-bottom:20px}h1{color:#333;margin-bottom:40px;font-size:28px}.error-message{background:#fee;color:#c33;padding:15px;border-radius:10px;margin-bottom:20px;font-size:14px;border:1px solid #fcc}.google-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#fff;color:#444;border:2px solid #ddd;padding:14px 28px;border-radius:10px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;width:100%;max-width:300px}.google-btn:hover{background:#f8f9fa;border-color:#4285f4;box-shadow:0 4px 12px #4285f44d;transform:translateY(-2px)}.google-btn:active{transform:translateY(0)}.google-icon{width:20px;height:20px}