:root { --primary: #3498db; --dark: #1e293b; --bg: #f8fafc; }
            body { font-family: 'Inter', sans-serif; background: var(--bg); height: 100vh; display: flex; align-items: center; justify-content: center; margin: 0; }
            
            .login-card { 
                background: white; padding: 50px 40px; border-radius: 24px; 
                box-shadow: 0 20px 25px -5px rgba(0,0,0,0.05), 0 10px 10px -5px rgba(0,0,0,0.04);
                max-width: 400px; width: 90%; text-align: center; border: 1px solid #e2e8f0;
            }
            
            .icon-circle {
                width: 80px; height: 80px; background: #eff6ff; color: var(--primary);
                border-radius: 50%; display: flex; align-items: center; justify-content: center;
                font-size: 32px; margin: 0 auto 25px;
            }
            
            h1 { color: var(--dark); font-size: 24px; font-weight: 800; margin-bottom: 12px; }
            p { color: #64748b; font-size: 15px; line-height: 1.6; margin-bottom: 30px; }
            
            .btn-login {
                display: block; background: var(--primary); color: white;
                padding: 14px 25px; border-radius: 12px; text-decoration: none;
                font-weight: 700; font-size: 15px; transition: all 0.2s ease;
                box-shadow: 0 4px 6px -1px rgba(52, 152, 219, 0.3);
            }
            .btn-login:hover { background: #2980b9; transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(52, 152, 219, 0.4); }
            
            .back-link { display: inline-block; margin-top: 20px; color: #94a3b8; text-decoration: none; font-size: 13px; font-weight: 500; }
            .back-link:hover { color: #64748b; }