body { 
        /* background-color: #0b0f14; 
        color: #ffffff; 
        font-family: 'Poppins', sans-serif; 
        height: 100vh; display: flex;  */
        align-items: center; 
        justify-content: center; margin: 0; }
        
        .register-card { background: linear-gradient(135deg, #121820 0%, #1a2332 100%); border: 1px solid rgba(0, 210, 255, 0.1); border-radius: 20px; padding: 40px; width: 100%; max-width: 440px; box-shadow: 0 15px 35px rgba(0,0,0,0.4); }
        .register-title { font-size: 24px; font-weight: 700; color: #00d2ff; text-align: center; margin-bottom: 5px; }
        .register-subtitle { font-size: 13px; color: #718096; text-align: center; margin-bottom: 25px; }
        
        .form-group { margin-bottom: 18px; }
        .form-label { font-size: 13px; font-weight: 600; color: #a0aec0; text-transform: uppercase; margin-bottom: 6px; display: block; letter-spacing: 0.5px; }
        
        .form-input { width: 100%; background: rgba(0,0,0,0.2); border: 1px solid rgba(255,255,255,0.08); border-radius: 10px; padding: 11px 16px; color: #fff; font-size: 15px; transition: all 0.2s ease; }
        .form-input:focus { outline: none; border-color: #00d2ff; box-shadow: 0 0 10px rgba(0, 210, 255, 0.15); background: rgba(0,0,0,0.3); }
        
        .btn-submit { display: block; width: 100%; background: linear-gradient(135deg, #00d2ff 0%, #0066ff 100%); color: #ffffff; padding: 12px; border-radius: 10px; font-weight: 700; border: none; font-size: 16px; margin-top: 25px; box-shadow: 0 5px 15px rgba(0, 210, 255, 0.25); transition: all 0.3s; cursor: pointer; }
        .btn-submit:hover { transform: translateY(-1px); box-shadow: 0 7px 20px rgba(0, 210, 255, 0.4); opacity: 0.95; }
        
        .alert-error { background: rgba(255, 71, 87, 0.1); border: 1px solid rgba(255, 71, 87, 0.2); border-radius: 10px; padding: 12px; color: #ff4757; font-size: 14px; margin-bottom: 20px; font-weight: 500; }
        .error-list { margin: 0; padding-left: 20px; }

        .login-link { text-align: center; margin-top: 25px; font-size: 14px; color: #718096; }
        .login-link a { color: #00d2ff; text-decoration: none; font-weight: 600; }
        .login-link a:hover { text-decoration: underline; }