/* Aff Auth - minimal, fast, pixel-style */
:root {
    --rdk-bg: #ffffff;
    --rdk-card: #101010;
    --rdk-tab: #3a3a3a;
    --rdk-white: #fff;
    --rdk-gray: #bfbfbf;
    --rdk-pink: #FFC800;
    --rdk-radius: 0;
    --rdk-input-radius: 0;
}

.rdk-modal-overlay {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .78);
    z-index: 999999;
    padding: 18px;
}

.rdk-modal-overlay.is-open {
    display: flex;
	overflow-x: auto;
}

.rdk-modal {
    width: min(514px, 100%);
    background: transparent;
    position: relative;
    border-radius: 0;
	max-height: 600px;
/* 	overflow: scroll; */
    box-shadow: 0 20px 80px rgba(0, 0, 0, .65);
}

.rdk-modal__body {
    background: var(--rdk-bg);
    padding: 24px 54px;
    border-radius: 0;
    position: relative;
}
.rdk-modal__body:before {
	content: url('/wp-content/uploads/2026/04/top_1.svg');
	position: absolute;
	top: -50px;
	height: 50px;
	left: 0;
	width: 100%;
}
.rdk-modal__body:after {
	content: url('/wp-content/uploads/2026/04/bot.svg');
	position: absolute;
	bottom: -50px;
	height: 50px;
	left: 0;
	width: 100%;
}
.rdk-close {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 58px;
    height: 58px;
    border: 0;
    background: transparent;
    color: #000000;
    font-family: 'Rubik', ui-monospace, monospace;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    z-index: 3;
    opacity: .95;
}

.rdk-tabs {
    display: flex;
    gap: 16px;
    align-items: flex-end;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	background: #222222;
	padding: 6px;
	border-radius: 14px;
	border: 1px solid #454545;
    margin-bottom: 28px;
}

.rdk-tab {
    font-family: 'Rubik', ui-monospace, monospace;
    font-size: 16px;
    letter-spacing: 0;
	font-weight: 700;
	line-height: 140%;
    color: #fff;
    background: transparent;
    border: 0;
    padding: 8px 16px;
    cursor: pointer;
    border-radius: 10px;
    position: relative;
}
.rdk-field_telegram input {
	background: url(/wp-content/uploads/2026/04/telegram.svg) no-repeat 12px;
    padding-left: 50px;
}
.rdk-field_microsoft_teams input {
	background: url(/wp-content/uploads/2026/04/microsoft_teams.svg) no-repeat 12px;
    padding-left: 50px;
}
.rdk-tab.is-active {
    background: var(--rdk-pink);
    color: #000000;
}

.rdk-views {
    position: relative;
}

.rdk-view {
    display: none;
}

.rdk-view.is-active {
    display: block;
}

.rdk-title {
    font-family: 'Rubik', ui-monospace, monospace;
    font-size: 25px;
    color: #000000;
    margin: 10px 0 24px;
}

.rdk-field {
    margin: 0 0 20px;
    position: relative;
}
.rdk-field-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 8px;
}
.rdk-label {
    display: block;
    font-family: 'Rubik', ui-monospace, monospace;
    font-size: 14px;
	text-transform: uppercase;
    color: #00000080;
	font-weight: 500;
    margin: 0 0 2px;
}

.rdk-input {
    width: 100%;
	border: 1px solid #000000;
    border-radius: var(--rdk-input-radius);
    background: #fff;
    padding: 16px 12px;
	color: #AAAAAA;
    font-size: 14px;
    font-family: 'Rubik', ui-monospace, monospace;
    outline: none;
}

.rdk-input::placeholder {
    color: #AAAAAA;
}

.rdk-inputwrap {
    position: relative;
}

.rdk-eye {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 44px;
    height: 44px;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    cursor: pointer;
    opacity: .8;
}

.rdk-eye::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px;
    /* simple inline SVG eye */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}

.rdk-eye.is-on::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18'/%3E%3Cpath d='M10.58 10.58A3 3 0 0 0 12 15a3 3 0 0 0 2.42-4.42'/%3E%3Cpath d='M9.88 5.08A9.9 9.9 0 0 1 12 5c6.5 0 10 7 10 7a18.7 18.7 0 0 1-2.2 3.2'/%3E%3Cpath d='M6.6 6.6C3.7 8.7 2 12 2 12s3.5 7 10 7c1.1 0 2.1-.1 3.1-.4'/%3E%3C/svg%3E");
}

.rdk-btn {
    width: 100%;
    border: 0;
    border-radius: 8px;
	font-weight: 700;
    padding: 16px 22px;
    font-family: 'Rubik', ui-monospace, monospace;
    font-size: 16px;
    cursor: pointer;
    line-height: 1.1;
}

.rdk-btn--primary {
    background: var(--rdk-pink);
    color: #000000;
}

.rdk-btn--primary:active {
    transform: translateY(1px);
}

.rdk-footerline {
    margin-top: 32px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
	text-transform: uppercase;
    justify-content: center;
    font-family: 'Rubik', ui-monospace, monospace;
    font-size: 14px;
}

.rdk-link {
    border: 0;
    background: transparent;
	text-transform: uppercase;
    color: var(--rdk-pink);
    cursor: pointer;
    font-family: 'Rubik', ui-monospace, monospace;
    font-size: 14px;
	line-height: 140%;
	font-weight: 500;
    padding: 0;
}

.rdk-link--inline {
    text-decoration: underline;
}

.rdk-muted {
    color: #7D7D8D;
	font-weight: 500;
/*     opacity: .9; */
}

.rdk-checkbox {
    display: flex;
    gap: 14px;
    align-items: center;
    margin: 14px 0 22px;
    color: #000000;
    font-family: 'Rubik', ui-monospace, monospace;
    font-size: 14px;
	font-weight: 500;
	line-height: 140%;
}

.rdk-checkbox input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.rdk-checkbox__box {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    display: inline-block;
    background: var(--rdk-pink);
    box-sizing: border-box;
}

.rdk-checkbox input:checked + .rdk-checkbox__box {
	background-color: var(--rdk-pink);
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNzA3MSAxLjcwNzExQzEyLjA5NzYgMS4zMTY1OCAxMi4wOTc2IDAuNjgzNDE3IDExLjcwNzEgMC4yOTI4OTNDMTEuMzE2NiAtMC4wOTc2MzExIDEwLjY4MzQgLTAuMDk3NjMxMSAxMC4yOTI5IDAuMjkyODkzTDQgNi41ODU3OUwxLjcwNzExIDQuMjkyODlDMS4zMTY1OCAzLjkwMjM3IDAuNjgzNDE3IDMuOTAyMzcgMC4yOTI4OTMgNC4yOTI4OUMtMC4wOTc2MzExIDQuNjgzNDIgLTAuMDk3NjMxMSA1LjMxNjU4IDAuMjkyODkzIDUuNzA3MTFMMy4yOTI4OSA4LjcwNzExQzMuNjgzNDIgOS4wOTc2MyA0LjMxNjU4IDkuMDk3NjMgNC43MDcxMSA4LjcwNzExTDExLjcwNzEgMS43MDcxMVoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=');
	background-position: center;
	background-repeat: no-repeat;
}

.rdk-error {
    min-height: 15px;
    margin-top: 8px;
    font-size: 10px;
    color: #FF3838;
    font-family: 'Rubik', ui-monospace, monospace;
    position: absolute;
    left: 0;
    bottom: -19px;
}

.rdk-formmsg {
    margin-top: 14px;
    font-size: 14px;
    color: #000000;
/*     opacity: .95; */
    font-family: 'Rubik', ui-monospace, monospace;
    text-align: center;
}

.rdk-social {
    display: grid;
    grid-template-columns: 54px 1fr;
    gap: 4px;
    align-items: stretch;
}

.rdk-social__select {
    border: 0;
    border-radius: 8px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    padding: 0 12px;
}

.rdk-social__icon {
    width: 42px;
    height: 42px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 42px 42px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Ccircle cx='120' cy='120' r='120' fill='%2326A5E4'/%3E%3Cpath fill='%23fff' d='M179.9 72.6 150.8 187c-2.2 8.1-8.1 10.1-16.4 6.3l-45.4-33.5-21.9 21.1c-2.4 2.4-4.5 4.5-9.2 4.5l3.3-46.5 84.7-76.4c3.7-3.3-.8-5.2-5.7-1.9l-104.7 65.9-45.1-14.1c-9.8-3.1-10-9.8 2-14.5l176.3-68c8.2-3 15.4 1.9 12.2 14.7z'/%3E%3C/svg%3E");
}

.rdk-social__chev {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}

.rdk-social {
    position: relative;
}

.rdk-social__menu {
    position: absolute;
    left: 0;
    top: calc(100% + 10px);
    width: 220px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 18px 60px rgba(0, 0, 0, .35);
    padding: 10px;
    z-index: 9999;
}

.rdk-social__menu[hidden] {
    display: none;
}

.rdk-social__opt {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 0;
    background: transparent;
    padding: 10px 12px;
    border-radius: 12px;
    cursor: pointer;
    text-align: left;
}

.rdk-social__opt:hover {
    background: rgba(0, 0, 0, .06);
}

.rdk-social__opticon {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px 30px;
}

.rdk-social__opttext {
    font-family: 'Rubik', ui-monospace, monospace;
    font-size: 12px;
    color: #000;
    line-height: 1.2;
}

/* Default icons (you can replace later) */
.rdk-social__opticon[data-icon="telegram"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Ccircle cx='120' cy='120' r='120' fill='%2326A5E4'/%3E%3Cpath fill='%23fff' d='M179.9 72.6 150.8 187c-2.2 8.1-8.1 10.1-16.4 6.3l-45.4-33.5-21.9 21.1c-2.4 2.4-4.5 4.5-9.2 4.5l3.3-46.5 84.7-76.4c3.7-3.3-.8-5.2-5.7-1.9l-104.7 65.9-45.1-14.1c-9.8-3.1-10-9.8 2-14.5l176.3-68c8.2-3 15.4 1.9 12.2 14.7z'/%3E%3C/svg%3E");
}

.rdk-social__opticon[data-icon="whatsapp"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%2325D366' d='M128 16C66.2 16 16 66.2 16 128c0 20.6 5.6 40.7 16.3 58.3L16 240l55.5-16.1C88.5 234.5 108.1 240 128 240c61.8 0 112-50.2 112-112S189.8 16 128 16z'/%3E%3Cpath fill='%23fff' d='M178.8 150.7c-2.2 6.2-10.8 11.5-17.5 12.9-4.6 1-10.6 1.8-30.8-6.6-25.9-10.7-42.6-36.7-43.9-38.4-1.2-1.7-10.5-14-10.5-26.6 0-12.7 6.6-18.9 9-21.5 2.4-2.6 5.3-3.2 7-3.2h5.1c1.6 0 3.8-.6 6 4.6 2.2 5.3 7.3 18.3 7.9 19.6.6 1.3 1 3-.1 4.7-1.1 1.7-1.7 2.8-3.4 4.3-1.7 1.5-3.6 3.4-5.1 4.6-1.7 1.3-3.4 2.7-1.5 6 1.9 3.3 8.5 14 18.3 22.7 12.6 11.2 23.2 14.7 26.5 16.4 3.3 1.7 5.2 1.5 7.1-.9 1.9-2.4 8.1-9.5 10.3-12.7 2.2-3.2 4.4-2.6 7.4-1.5 3 1.1 19.2 9.1 22.5 10.7 3.3 1.6 5.5 2.4 6.3 3.8.8 1.4.8 8.2-1.4 14.4z'/%3E%3C/svg%3E");
}

.rdk-social__opticon[data-icon="teams"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' rx='56' fill='%235B5FC7'/%3E%3Cpath fill='%23fff' d='M116 76h54a18 18 0 0 1 18 18v68a18 18 0 0 1-18 18h-54a18 18 0 0 1-18-18V94a18 18 0 0 1 18-18Zm8 34v16h18v56h18v-56h18v-16h-54Z'/%3E%3C/svg%3E");
}


.rdk-success {
   
}

.rdk-success__title {
	font-family: 'Rubik', ui-monospace, monospace;
    font-size: 34px;
    color: var(--rdk-pink);
    line-height: 1.25;
    margin: 0 0 20px;
}

.rdk-success__text {
    font-family: 'Rubik', ui-monospace, monospace;
    font-size: 15px;
    color: #000000;
	text-align: center;
    line-height: 140%;
}
.rdk-success .rdk-title {
	text-align: center;
}
.rdk-success__duck {
    width: 140px;
    height: auto;
    margin-top: 30px;
    image-rendering: pixelated;
}

@media (max-width: 560px) {
    .rdk-modal__body {
        padding: 30px 18px 26px;
    }
	.rdk-modal__body:before {
		overflow: hidden;
	}
	.rdk-field-grid {
		grid-template-columns: 1fr;
		grid-gap: 0;
	}
	.rdk-modal__body:after {
		overflow: hidden;
	}
    .rdk-tab {
        font-size: 22px;
        padding: 16px 18px 12px;
    }

    .rdk-label {
        font-size: 16px;
    }

    .rdk-btn {
        font-size: 20px;
    }

    .rdk-social {
        grid-template-columns: 92px 1fr;
    }
}