@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

body {
            font-family: 'Urbanist', sans-serif;
            background: #000; 
            display: flex;
            justify-content: center;
            align-items: center;
             
        }
		
 .full-wrapper{z-index:999;	}
        .login.containerlog { z-index:9;
            width: 100%;
            max-width: 450px;
            text-align: center;
        }

        .logo {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            margin-bottom: 40px;
        }

        .logo-icon {
            width: 40px;
            height: 40px;
            background: white;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            color: #1e3a5f;
        }

        .logo-text {
            font-size: 24px;
            font-weight: bold;
            color: white;
        }

        .tab-buttons {
            display: flex;
            gap: 10px;
            justify-content: center;
            margin-bottom: 50px;
        }

        .tab-btn {
            padding: 12px 40px;
            border-radius: 25px;
            border: 2px solid #3b82f6;
            background: transparent;
            color: white;
            font-size: 16px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .tab-btn.active {
            background: #3b82f6;
        }

        .tab-btn:not(.active) {
            opacity: 0.6;
        }

        .tab-btn:hover {
            opacity: 1;
        }

        .login h1 {
            color: rgba(255,255,255,.7);
            font-size: 48px;
            font-weight: 700;
            margin-bottom: 20px;
        }

        .subtitle {
            color: #E0FFFFA1;
            font-size: 18px;
            margin-bottom: 50px;
        }

        .social-buttons {
            display: flex;
            flex-direction: column;
            gap: 15px;
            margin-bottom: 30px;
        }

        .social-btn {
            padding: 16px;
            border-radius: 5px;
            border: none;
            background: rgba(255, 255, 255, 0.1);
            color: white;
            font-size: 16px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            transition: background 0.3s ease;
        }

        .social-btn:hover {
            background: rgba(255, 255, 255, 0.15);
        }

        .social-icon {
            width: 20px;
            height: 20px;
        }

        .divider {
            display: flex;
            align-items: center;
            color: #9ca3af;
            margin: 30px 0;
        }

        .divider::before,
        .divider::after {
            content: '';
            flex: 1;
            height: 1px;
            background: rgba(255, 255, 255, 0.2);
        }

        .divider span {
            padding: 0 20px;
        }

        .form-group {
            margin-bottom: 20px;
            text-align: left;
        }

        .email-input-wrapper {
            position: relative;
            border: 2px solid #ef4444;
            border-radius: 12px;
            background: rgba(0, 0, 0, 0.3);
            padding: 16px 16px 16px 50px;
        }

        .email-icon {
            position: absolute;
            left: 18px;
            top: 50%;
            transform: translateY(-50%);
            color: #9ca3af;
        }

        .email-input {
            width: 100%;
            background: transparent;
            border: none;
            outline: none;
            color: white;
            font-size: 16px;
        }

        .email-input::placeholder {
            color: #6b7280;
        }

        .error-message {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #ef4444;
            font-size: 14px;
            margin-top: 8px;
        }

        .continue-btn {
            width: 100%;
            padding: 16px;
            border-radius: 12px;
            border: none;
            background: linear-gradient(90deg,rgba(0, 254, 255, 1) 0%, rgba(39, 99, 230, 1) 30%, rgba(0, 62, 193, 1) 100%);
            color: #fff;
            font-size: 16px;
            cursor: not-allowed;
            margin-bottom: 30px;
        }

        .continue-btn.active {
            background: #3b82f6;
            color: white;
            cursor: pointer;
        }

        .continue-btn.active:hover {
            background: #2563eb;
        }

        .footer-links {
            display: flex;
            justify-content: center;
            gap: 30px;
        }

        .footer-links a {
            color: #9ca3af;
            text-decoration: none;
            font-size: 14px;
        }

        .footer-links a:hover {
            color: #c7d2fe;
        }
		.gradtab{background: linear-gradient(2deg,rgba(2, 0, 36, 1) 12%, rgba(9, 9, 121, 1) 33%, rgba(0, 212, 255, 1) 100%); position:absolute; z-index:1; height:300px; width:100%; top:0px; left:0px; opacity:.3;}
		.logonew{color:rgba(255,255,255,.8); font-weight:700; font-size: 25px;}
		header{margin-top:10px; margin-bottom:10px; } 
		ul.nav li{text-transform:uppercase; letter-spacing:.8px; font-weight:600; font-size:14px;}
		ul.nav li a{padding:10px 20px; color:rgba(255,255,255,1)!important;}
		.mr-15{margin-right:15px;}