body {
        background: linear-gradient(135deg, #6B17BF 0%, #5F07B8 100%);
        min-height: 100vh;
        display: flex;
        align-items: center;
    }
    
    .register-card {
        border: none;
        border-radius: 30px;
        overflow: hidden;
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(10px);
        box-shadow: 0 25px 50px rgba(0,0,0,0.2);
    }

    .register-visual {
        background: linear-gradient(45deg, #0d6efd, #6B17BF);
        color: white;
        padding: 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .form-control {
        border-radius: 12px;
        padding: 12px 18px;
        border: 1px solid #e2e8f0;
        background-color: #f8fafc;
        transition: 0.3s;
    }

    .form-control:focus {
        box-shadow: 0 0 0 4px rgba(107, 23, 191, 0.1);
        border-color: #6B17BF;
    }

    .btn-register {
        background: linear-gradient(90deg, #6B17BF, #5F07B8);
        border: none;
        border-radius: 12px;
        padding: 14px;
        font-weight: 700;
        color: white;
        transition: 0.3s;
    }

    .btn-register:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 20px rgba(107, 23, 191, 0.3);
        color: white;
    }

    .social-login {
        border: 1px solid #e2e8f0;
        border-radius: 12px;
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        text-decoration: none;
        color: #475569;
        transition: 0.3s;
        font-size: 0.9rem;
    }

    .social-login:hover {
        background-color: #f1f5f9;
    }