/* TaultUnleashed premium membership theme overrides */

:root {
    --tu-page-bg: #061016;
    --tu-panel: #071418;
    --tu-panel-2: #0c1b21;
    --tu-panel-3: #11272f;
    --tu-border: rgba(72, 188, 233, .38);
    --tu-border-soft: rgba(72, 188, 233, .22);
    --tu-blue: #22c8ff;
    --tu-blue-soft: #7fe6ff;
    --tu-gold: #f4a51c;
    --tu-gold-soft: #ffd47b;
    --tu-red: #df2046;
    --tu-text: #f6fbff;
    --tu-muted: #8cb6c8;
    --tu-shadow-blue: rgba(34, 200, 255, .35);
    --tu-shadow-gold: rgba(244, 165, 28, .36);
}

html {
    background:
        linear-gradient(rgba(5, 12, 17, .22), rgba(5, 12, 17, .22)),
        #102438 url('/phpbb3/styles/taultunleashed/theme/images/TileBackground-512.png') top center repeat !important;
    background-attachment: fixed !important;
}

body.tu-premium-member {
    margin: 0;
    color: var(--tu-text);
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 14px;
    background: transparent !important;
    overflow-x: hidden;
}

body.tu-premium-member .tu-member-page,
body.tu-premium-member .tu-member-page.am-common {
    color: var(--tu-text);
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 14px;
}

body.tu-premium-member .tu-member-page,
body.tu-premium-member .tu-member-page * {
    box-sizing: border-box;
}

body.tu-premium-member .tu-member-page a {
    color: var(--tu-gold);
    text-decoration: none;
}

body.tu-premium-member .tu-member-page a:hover,
body.tu-premium-member .tu-member-page a:focus {
    color: var(--tu-blue-soft);
}

body.tu-premium-member .tu-member-topbar {
    min-height: 30px;
    border-bottom: 1px solid rgba(34, 200, 255, .18);
    background: rgba(0, 7, 10, .92);
    box-shadow: 0 1px 8px rgba(0, 0, 0, .42);
}

body.tu-premium-member .tu-member-topbar-inner {
    width: min(1240px, calc(100% - 86px));
    min-height: 30px;
}

body.tu-premium-member .tu-member-topbar a,
body.tu-premium-member .tu-member-topbar strong,
body.tu-premium-member .tu-member-topbar span {
    color: #d7f6ff;
    font-family: Rajdhani, Inter, Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .02em;
}

body.tu-premium-member .tu-member-create {
    color: var(--tu-gold) !important;
}

body.tu-premium-member .tu-member-account-links em,
body.tu-premium-member .tu-member-account-links a {
    color: var(--tu-blue);
}

body.tu-premium-member .tu-member-shell {
    width: min(1240px, calc(100% - 86px));
    margin: 0 auto 34px;
    background: transparent;
    border: 0;
    box-shadow: none;
}

body.tu-premium-member .tu-member-hero {
    min-height: 126px;
    height: 126px;
    padding: 7px 18px 5px;
    box-sizing: border-box;
    overflow: visible;
    background: url('/phpbb3/styles/taultunleashed/theme/images/banner970x120.png') right center / auto 120px no-repeat;
}

body.tu-premium-member .tu-member-hero::after {
    content: "WHERE WILL TU TAKE YOU NEXT?";
    position: absolute;
    right: 130px;
    top: 80px;
    padding: 3px 8px;
    border: 1px solid rgba(201, 148, 52, .38);
    border-radius: 4px;
    color: #ffd27a;
    font: 800 17px/1 Rajdhani, Inter, Arial, sans-serif;
    letter-spacing: .1em;
    text-shadow: 0 1px 0 #000, 0 0 10px rgba(255, 190, 84, .42);
    background: rgba(2, 8, 11, .64);
}

body.tu-premium-member .tu-member-logo {
    left: 18px;
    top: 24px;
    width: 300px;
}

body.tu-premium-member .tu-member-logo img {
    display: block;
    max-width: 100%;
    height: auto;
    filter: drop-shadow(0 3px 4px rgba(0, 0, 0, .82));
}

body.tu-premium-member .tu-member-nav {
    height: 42px;
    display: flex;
    align-items: stretch;
    padding: 0;
    border: 1px solid rgba(73, 172, 229, .42);
    border-bottom-color: rgba(201, 148, 52, .48);
    border-radius: 5px 5px 0 0;
    background:
        linear-gradient(180deg, rgba(93, 150, 205, .48), rgba(20, 39, 59, .92) 44%, rgba(6, 13, 20, .98) 100%),
        rgba(9, 18, 27, .98);
    box-shadow:
        inset 0 1px 0 rgba(155, 220, 255, .32),
        0 0 18px rgba(0, 0, 0, .32);
}

body.tu-premium-member .tu-member-nav a {
    min-width: 126px;
    padding: 0 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font: 800 15px/1 Rajdhani, Inter, Arial, sans-serif;
    letter-spacing: .02em;
    text-transform: uppercase;
    border-left: 1px solid rgba(255, 255, 255, .09);
    border-right: 1px solid rgba(0, 0, 0, .48);
    text-shadow: 0 1px 0 #000, 0 0 8px rgba(10, 22, 32, .8);
}

body.tu-premium-member .tu-member-nav a:first-child::before {
    content: "";
    width: 10px;
    height: 10px;
    margin-right: 9px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 35%, #fff 0, #c8f6ff 34%, #2eb6ed 68%, #0c506e 100%);
    box-shadow: 0 0 7px rgba(73, 198, 244, .92);
}

body.tu-premium-member .tu-member-nav a:hover,
body.tu-premium-member .tu-member-nav a:focus {
    color: var(--tu-blue);
    background:
        linear-gradient(180deg, rgba(62, 165, 225, .45), rgba(10, 30, 45, .96) 46%, rgba(3, 10, 15, 1) 100%);
    box-shadow: inset 0 2px 0 var(--tu-blue);
}

body.tu-premium-member .tu-member-titlebar {
    min-height: 32px;
    margin-top: 10px;
    padding: 0 14px;
    border: 1px solid rgba(72, 188, 233, .34);
    border-bottom-color: rgba(72, 188, 233, .18);
    border-radius: 5px 5px 0 0;
    color: #cff5ff;
    font: 800 16px/1 Rajdhani, Inter, Arial, sans-serif;
    letter-spacing: .02em;
    background:
        linear-gradient(180deg, rgba(86, 148, 189, .42), rgba(20, 38, 46, .95) 40%, rgba(6, 13, 15, .98) 100%),
        rgba(11, 24, 29, .98);
    box-shadow:
        inset 0 1px 0 rgba(205, 244, 255, .22),
        0 0 14px rgba(0, 0, 0, .2);
}

body.tu-premium-member .tu-member-titlebar span::before {
    width: 12px;
    height: 12px;
    margin-right: 8px;
    background: radial-gradient(circle at 35% 35%, #fff 0, #b8f2ff 33%, #19c8ff 64%, #095c7a 100%);
    box-shadow: 0 0 8px rgba(34, 200, 255, .95);
}

body.tu-premium-member .tu-member-page .am-layout,
body.tu-premium-member .tu-member-page .am-body {
    min-height: 0;
    background: transparent;
}

body.tu-premium-member .tu-member-page .am-body .am-body-content-wrapper {
    margin: 0;
    padding: 26px 28px 30px;
    border: 1px solid rgba(72, 188, 233, .3);
    border-top: 0;
    border-radius: 0 0 5px 5px;
    color: var(--tu-text);
    background:
        radial-gradient(circle at 15% 0, rgba(34, 200, 255, .08), transparent 32%),
        linear-gradient(180deg, rgba(10, 24, 29, .98), rgba(4, 13, 15, .98));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .03),
        0 16px 32px rgba(0, 0, 0, .25);
}

body.tu-premium-member .tu-member-page .am-body-content {
    min-height: 300px;
}

body.tu-premium-member .tu-member-page .am-body-content-top {
    margin: 0 0 18px;
    color: var(--tu-text);
}

body.tu-premium-member .tu-member-page .am-account-toolbar {
    display: none;
}

body.tu-premium-member .tu-member-page .am-tabs,
body.tu-premium-member .tu-member-page .am-tabs-narrow {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
    background: transparent;
}

body.tu-premium-member .tu-member-page .am-tabs li,
body.tu-premium-member .tu-member-page .am-tabs-narrow li {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

body.tu-premium-member .tu-member-page .am-tabs li a,
body.tu-premium-member .tu-member-page .am-tabs-narrow li a {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    border: 1px solid rgba(72, 188, 233, .35);
    border-radius: 4px;
    color: var(--tu-blue-soft);
    font: 800 14px/1 Rajdhani, Inter, Arial, sans-serif;
    letter-spacing: .02em;
    text-transform: uppercase;
    background:
        linear-gradient(180deg, rgba(24, 66, 84, .72), rgba(5, 20, 25, .96));
    box-shadow: inset 0 1px 0 rgba(190, 244, 255, .12);
}

body.tu-premium-member .tu-member-page .am-tabs li.active a,
body.tu-premium-member .tu-member-page .am-tabs-narrow li.active a,
body.tu-premium-member .tu-member-page .am-tabs li a:hover,
body.tu-premium-member .tu-member-page .am-tabs-narrow li a:hover,
body.tu-premium-member .tu-member-page .am-tabs li a:focus,
body.tu-premium-member .tu-member-page .am-tabs-narrow li a:focus {
    color: #fff;
    border-color: rgba(244, 165, 28, .7);
    background:
        linear-gradient(180deg, rgba(35, 102, 128, .9), rgba(5, 28, 37, .98));
    box-shadow:
        inset 0 1px 0 rgba(255, 229, 162, .18),
        0 0 14px rgba(244, 165, 28, .18),
        0 0 18px rgba(34, 200, 255, .14);
}

body.tu-premium-member .tu-member-page h1,
body.tu-premium-member .tu-member-page h2,
body.tu-premium-member .tu-member-page h3,
body.tu-premium-member .tu-member-page legend {
    color: var(--tu-blue);
    font-family: Rajdhani, Inter, Arial, sans-serif;
    font-weight: 800;
}

body.tu-premium-member.am-page-signup .tu-member-page .am-body-content h1 {
    display: none;
}

body.tu-premium-member .tu-member-page .am-form,
body.tu-premium-member .tu-member-page .am-form form,
body.tu-premium-member .tu-member-page .am-auth-form form,
body.tu-premium-member .tu-member-page .am-block,
body.tu-premium-member .tu-member-page .am-tabs-wrapper,
body.tu-premium-member .tu-member-page .am-grid-container {
    border: 1px solid var(--tu-border-soft);
    border-radius: 0;
    color: var(--tu-text);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .025), rgba(255, 255, 255, .006)),
        rgba(7, 18, 22, .9);
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, .025),
        0 10px 22px rgba(0, 0, 0, .18);
}

body.tu-premium-member .tu-member-page .am-form form,
body.tu-premium-member .tu-member-page .am-auth-form form {
    overflow: hidden;
}

body.tu-premium-member .tu-member-page .am-form legend,
body.tu-premium-member .tu-member-page .am-auth-form form legend,
body.tu-premium-member .tu-member-page .am-block-title,
body.tu-premium-member .tu-member-page .am-grid-title {
    padding: 9px 13px;
    border: 0;
    border-bottom: 1px solid rgba(72, 188, 233, .25);
    color: #dff8ff;
    font: 800 16px/1 Rajdhani, Inter, Arial, sans-serif;
    text-shadow: 0 1px 0 #000;
    background:
        linear-gradient(180deg, rgba(63, 104, 122, .46), rgba(13, 29, 34, .98) 48%, rgba(6, 15, 17, 1) 100%) !important;
}

body.tu-premium-member .tu-member-page .am-row,
body.tu-premium-member .tu-member-page .am-auth-form div.am-row,
body.tu-premium-member .tu-member-page .am-row:nth-child(odd) {
    border-color: rgba(72, 188, 233, .16);
    color: var(--tu-text);
    background: rgba(7, 18, 22, .78) !important;
}

body.tu-premium-member .tu-member-page .am-row {
    padding: 14px 18px;
}

body.tu-premium-member .tu-member-page .am-row:not(#row-product_id_page-0-0):not(#row-paysys_id) {
    display: grid;
    grid-template-columns: minmax(210px, 34%) minmax(0, 1fr);
    gap: 10px 14px;
    align-items: center;
}

body.tu-premium-member .tu-member-page .am-row:not(#row-product_id_page-0-0):not(#row-paysys_id) > .am-element-title {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
    text-align: right;
}

body.tu-premium-member .tu-member-page .am-row:not(#row-product_id_page-0-0):not(#row-paysys_id) > .am-element {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

body.tu-premium-member .tu-member-page .am-element-title,
body.tu-premium-member .tu-member-page .am-row div.am-element-title {
    color: #fff;
    font-weight: 800;
}

body.tu-premium-member .tu-member-page .am-element-title label {
    color: #fff;
}

body.tu-premium-member .tu-member-page .comment {
    color: var(--tu-muted);
    font-size: 12px;
    line-height: 1.35;
}

body.tu-premium-member .tu-member-page .required {
    color: var(--tu-gold);
}

body.tu-premium-member .tu-member-page input[type="text"],
body.tu-premium-member .tu-member-page input[type="password"],
body.tu-premium-member .tu-member-page input[type="email"],
body.tu-premium-member .tu-member-page select,
body.tu-premium-member .tu-member-page textarea {
    box-sizing: border-box;
    min-height: 32px;
    color: #f5fbff;
    border: 1px solid rgba(72, 188, 233, .46);
    border-radius: 0;
    background: #041115;
    box-shadow:
        inset 0 1px 2px rgba(0, 0, 0, .6),
        0 0 0 1px rgba(255, 255, 255, .015);
}

body.tu-premium-member .tu-member-page input[type="text"]:focus,
body.tu-premium-member .tu-member-page input[type="password"]:focus,
body.tu-premium-member .tu-member-page input[type="email"]:focus,
body.tu-premium-member .tu-member-page select:focus,
body.tu-premium-member .tu-member-page textarea:focus {
    border-color: var(--tu-blue);
    outline: 0;
    box-shadow:
        inset 0 1px 2px rgba(0, 0, 0, .55),
        0 0 0 1px rgba(34, 200, 255, .32),
        0 0 14px rgba(34, 200, 255, .18);
}

body.tu-premium-member .tu-member-page input[type="radio"],
body.tu-premium-member .tu-member-page input[type="checkbox"] {
    accent-color: var(--tu-blue);
}

body.tu-premium-member .tu-member-page input[type="submit"],
body.tu-premium-member .tu-member-page input[type="button"],
body.tu-premium-member .tu-member-page button,
body.tu-premium-member .tu-member-page .am-button,
body.tu-premium-member .tu-member-page a.button {
    min-height: 34px;
    padding: 0 18px;
    color: #fff !important;
    font: 800 15px/1 Rajdhani, Inter, Arial, sans-serif;
    letter-spacing: .03em;
    text-transform: uppercase;
    border: 1px solid rgba(72, 188, 233, .82) !important;
    border-radius: 5px !important;
    background:
        linear-gradient(180deg, rgba(28, 91, 116, .94), rgba(6, 54, 74, .98)) !important;
    box-shadow:
        inset 0 1px 0 rgba(185, 242, 255, .25),
        0 0 12px rgba(34, 200, 255, .22),
        0 1px 2px rgba(0, 0, 0, .55);
    text-shadow: 0 1px 0 #000;
    cursor: pointer;
    transition: border-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease;
}

body.tu-premium-member .tu-member-page input[type="submit"]:hover,
body.tu-premium-member .tu-member-page input[type="button"]:hover,
body.tu-premium-member .tu-member-page button:hover,
body.tu-premium-member .tu-member-page .am-button:hover,
body.tu-premium-member .tu-member-page a.button:hover,
body.tu-premium-member .tu-member-page input[type="submit"]:focus,
body.tu-premium-member .tu-member-page input[type="button"]:focus,
body.tu-premium-member .tu-member-page button:focus,
body.tu-premium-member .tu-member-page .am-button:focus,
body.tu-premium-member .tu-member-page a.button:focus {
    color: var(--tu-gold) !important;
    border-color: var(--tu-gold) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 229, 162, .34),
        0 0 0 1px rgba(244, 165, 28, .48),
        0 0 22px rgba(244, 165, 28, .38),
        0 0 40px rgba(34, 200, 255, .18),
        0 1px 2px rgba(0, 0, 0, .55);
    transform: translateY(-1px);
}

body.tu-premium-member.am-page-signup .tu-member-page .am-signup,
body.tu-premium-member.am-page-signup .tu-member-page .am-signup .am-form {
    color: var(--tu-text);
}

body.tu-premium-member.am-page-signup .tu-member-page .am-info,
body.tu-premium-member.am-page-signup .tu-member-page .am-message {
    margin: 0 0 16px;
    padding: 11px 13px;
    border: 1px solid rgba(72, 188, 233, .28);
    color: #d8f6ff;
    font-weight: 700;
    white-space: normal !important;
    overflow-wrap: anywhere;
    background:
        linear-gradient(90deg, rgba(34, 200, 255, .08), rgba(244, 165, 28, .035)),
        rgba(5, 16, 19, .92);
}

body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0,
body.tu-premium-member.am-page-signup .tu-member-page #row-paysys_id {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    padding: 18px 20px !important;
    border-color: rgba(72, 188, 233, .24);
    background:
        radial-gradient(circle at 0 0, rgba(34, 200, 255, .07), transparent 36%),
        rgba(4, 15, 18, .84) !important;
}

body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 > .am-element-title,
body.tu-premium-member.am-page-signup .tu-member-page #row-paysys_id > .am-element-title {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
    text-align: left !important;
}

body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 > .am-element-title label,
body.tu-premium-member.am-page-signup .tu-member-page #row-paysys_id > .am-element-title label {
    color: var(--tu-gold) !important;
    font: 800 17px/1 Rajdhani, Inter, Arial, sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
}

body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 > .am-element {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 > .am-element > br {
    display: none;
}

body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 > .am-element > label {
    --tu-plan-rgb: 244, 165, 28;
    --tu-plan-color: var(--tu-gold);
    --tu-plan-soft: rgba(244, 165, 28, .1);
    --tu-plan-glow: rgba(244, 165, 28, .34);
    position: relative;
    min-height: 168px;
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr);
    grid-template-rows: auto auto 1fr;
    gap: 9px 12px;
    align-items: start;
    padding: 18px 16px 16px;
    border: 1px solid rgba(var(--tu-plan-rgb), .36);
    background:
        linear-gradient(135deg, var(--tu-plan-soft), rgba(255, 255, 255, .015)),
        rgba(8, 20, 24, .82);
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, .03),
        inset 0 0 24px rgba(var(--tu-plan-rgb), .035),
        0 2px 4px rgba(0, 0, 0, .28);
    cursor: pointer;
    transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease, transform 160ms ease;
}

body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 > .am-element > label:nth-of-type(2) {
    --tu-plan-rgb: 34, 200, 255;
    --tu-plan-color: var(--tu-blue);
    --tu-plan-soft: rgba(34, 200, 255, .09);
    --tu-plan-glow: rgba(34, 200, 255, .34);
}

body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 > .am-element > label:nth-of-type(3) {
    --tu-plan-rgb: 127, 230, 255;
    --tu-plan-color: #7fe6ff;
    --tu-plan-soft: rgba(127, 230, 255, .09);
    --tu-plan-glow: rgba(127, 230, 255, .32);
}

body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 > .am-element > label::after {
    position: absolute;
    right: 12px;
    top: 12px;
    padding: 4px 8px;
    border: 1px solid rgba(var(--tu-plan-rgb), .52);
    color: var(--tu-plan-color);
    font: 800 12px/1 Rajdhani, Inter, Arial, sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
    background: rgba(var(--tu-plan-rgb), .1);
    box-shadow: 0 0 12px rgba(var(--tu-plan-rgb), .12);
}

body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 > .am-element > label:nth-of-type(1)::after {
    content: "Basic";
}

body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 > .am-element > label:nth-of-type(2)::after {
    content: "Premium";
}

body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 > .am-element > label:nth-of-type(3)::after {
    content: "Best Value";
}

body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 > .am-element > label:hover,
body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 > .am-element > label:focus-within,
body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 > .am-element > label:has(input[type="radio"]:checked) {
    border-color: rgba(var(--tu-plan-rgb), .88);
    background:
        linear-gradient(135deg, rgba(var(--tu-plan-rgb), .18), rgba(255, 255, 255, .028)),
        rgba(8, 20, 24, .94);
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, .08),
        inset 0 0 26px rgba(var(--tu-plan-rgb), .08),
        0 0 0 1px rgba(var(--tu-plan-rgb), .32),
        0 0 24px var(--tu-plan-glow),
        0 0 46px rgba(var(--tu-plan-rgb), .13),
        0 7px 18px rgba(0, 0, 0, .28);
    transform: translateY(-1px);
}

body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    grid-column: 1;
    grid-row: 1 / span 3;
    width: 17px;
    height: 17px;
    margin: 3px 0 0 !important;
    border: 2px solid rgba(var(--tu-plan-rgb), .9);
    border-radius: 50%;
    background:
        radial-gradient(circle at 50% 50%, rgba(2, 9, 11, .98) 0 48%, rgba(var(--tu-plan-rgb), .16) 52% 100%);
    box-shadow:
        inset 0 0 0 3px rgba(0, 0, 0, .68),
        0 0 9px rgba(var(--tu-plan-rgb), .24);
    cursor: pointer;
}

body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 input[type="radio"]:checked {
    background:
        radial-gradient(circle at 50% 50%, #fff 0 19%, var(--tu-plan-color) 23% 42%, rgba(3, 10, 12, .98) 47% 100%);
    box-shadow:
        inset 0 0 0 3px rgba(0, 0, 0, .62),
        0 0 12px rgba(var(--tu-plan-rgb), .52);
}

body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 input[type="radio"]:focus {
    outline: 0;
    box-shadow:
        inset 0 0 0 3px rgba(0, 0, 0, .62),
        0 0 0 2px rgba(var(--tu-plan-rgb), .35),
        0 0 14px rgba(var(--tu-plan-rgb), .45);
}

body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 .am-product-title {
    grid-column: 2;
    display: block;
    max-width: 100%;
    padding-right: 88px;
    color: #fff;
    font: 800 21px/1.02 Rajdhani, Inter, Arial, sans-serif;
    letter-spacing: .02em;
    text-transform: uppercase;
    white-space: normal !important;
    overflow-wrap: anywhere;
}

body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 .am-product-terms {
    grid-column: 2;
    display: block;
    max-width: 100%;
    width: fit-content;
    padding: 5px 8px;
    border: 1px solid rgba(var(--tu-plan-rgb), .46);
    color: var(--tu-plan-color);
    font: 800 15px/1 Rajdhani, Inter, Arial, sans-serif;
    text-transform: uppercase;
    white-space: normal !important;
    background: rgba(var(--tu-plan-rgb), .09);
    box-shadow: 0 0 12px rgba(var(--tu-plan-rgb), .1);
}

body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 .am-product-desc {
    grid-column: 2;
    display: block;
    max-width: 100%;
    color: rgba(246, 251, 255, .86);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.42;
    white-space: normal !important;
    overflow-wrap: anywhere;
}

body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 .am-product-desc span {
    color: var(--tu-plan-color) !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 800 !important;
}

body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 .tu-plan-features {
    grid-column: 1 / -1;
    display: grid;
    gap: 0;
    margin: 7px 0 0;
    padding: 0;
    list-style: none;
    border: 1px solid rgba(var(--tu-plan-rgb), .2);
    background: rgba(0, 8, 11, .25);
}

body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 .tu-plan-features li {
    position: relative;
    min-height: 30px;
    display: flex;
    align-items: center;
    padding: 7px 10px 7px 28px;
    border-top: 1px solid rgba(var(--tu-plan-rgb), .16);
    color: rgba(246, 251, 255, .9);
    font: 800 13px/1.2 Rajdhani, Inter, Arial, sans-serif;
    letter-spacing: .02em;
}

body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 .tu-plan-features li:first-child {
    border-top: 0;
}

body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 .tu-plan-features li::before {
    content: "";
    position: absolute;
    left: 9px;
    top: 50%;
    width: 13px;
    height: 13px;
    margin-top: -7px;
    border: 1px solid rgba(var(--tu-plan-rgb), .82);
    border-radius: 2px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .02)),
        rgba(var(--tu-plan-rgb), .2);
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, .35),
        0 0 8px rgba(var(--tu-plan-rgb), .32);
}

body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 .tu-plan-features li::after {
    content: "";
    position: absolute;
    left: 13px;
    top: 50%;
    width: 4px;
    height: 8px;
    margin-top: -6px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(42deg);
    box-shadow: 1px 1px 4px rgba(var(--tu-plan-rgb), .9);
}

body.tu-premium-member.am-page-signup .tu-member-page #row-paysys_id > .am-element {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    margin: 0 !important;
    padding: 16px 18px !important;
    border: 1px solid rgba(244, 165, 28, .28);
    background:
        linear-gradient(135deg, rgba(244, 165, 28, .08), rgba(34, 200, 255, .04)),
        rgba(8, 20, 24, .9);
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, .025),
        0 0 18px rgba(244, 165, 28, .08);
}

body.tu-premium-member.am-page-signup .tu-member-page #row-paysys_id .am-paysystem-title {
    color: var(--tu-gold);
    font: 800 18px/1 Rajdhani, Inter, Arial, sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
}

body.tu-premium-member.am-page-signup .tu-member-page #row-paysys_id .am-paysystem-desc {
    display: block;
    max-width: 100%;
    color: var(--tu-text);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
    white-space: normal !important;
    overflow-wrap: anywhere;
}

body.tu-premium-member.am-page-signup .tu-payment-mark-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    max-width: 100%;
    margin-top: 11px;
}

body.tu-premium-member.am-page-signup .tu-payment-mark-strip img {
    display: block;
    width: auto;
    max-width: 92px;
    height: 22px;
    padding: 0;
    object-fit: contain;
    border: 0;
    background: transparent;
    filter: drop-shadow(0 0 8px rgba(0, 0, 0, .5));
}

body.tu-premium-member.am-page-signup .tu-member-page #row-buttons {
    padding-top: 18px;
    background: transparent !important;
}

body.tu-premium-member.am-page-signup .tu-member-page #row-buttons .am-element {
    grid-column: 2;
    margin-left: 0;
    text-align: right;
}

body.tu-premium-member.am-page-signup .tu-member-page #row-name-0 > .am-element.group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.tu-premium-member.am-page-signup .tu-member-page .am-cta-signup {
    min-width: 160px;
    min-height: 40px;
    border-color: var(--tu-gold) !important;
    color: var(--tu-gold) !important;
    background:
        radial-gradient(circle at 50% 0, rgba(255, 229, 162, .15), transparent 58%),
        linear-gradient(180deg, rgba(22, 91, 116, .96), rgba(5, 54, 74, .98)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 229, 162, .3),
        0 0 0 1px rgba(244, 165, 28, .32),
        0 0 20px rgba(244, 165, 28, .28),
        0 0 34px rgba(34, 200, 255, .16);
}

body.tu-premium-member.am-page-signup .tu-member-page .am-cta-signup:hover,
body.tu-premium-member.am-page-signup .tu-member-page .am-cta-signup:focus {
    color: #fff !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 229, 162, .44),
        0 0 0 1px rgba(244, 165, 28, .68),
        0 0 28px rgba(244, 165, 28, .52),
        0 0 55px rgba(34, 200, 255, .24);
}

body.tu-premium-member .tu-member-footer {
    margin-top: 18px;
    border: 1px solid rgba(72, 188, 233, .2);
    color: #cceef8;
    background: rgba(0, 8, 11, .88);
}

body.tu-premium-member .tu-member-footer .am-footer-content-wrapper {
    color: #cceef8;
    font-size: 12px;
}

@media (max-width: 1020px) {
    body.tu-premium-member .tu-member-shell,
    body.tu-premium-member .tu-member-topbar-inner {
        width: min(100% - 28px, 1240px);
    }

    body.tu-premium-member .tu-member-nav {
        height: auto;
        flex-wrap: wrap;
    }

    body.tu-premium-member .tu-member-nav a {
        flex: 1 1 33.333%;
        min-width: 0;
        min-height: 38px;
    }

    body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 > .am-element {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 760px) {
    body.tu-premium-member .tu-member-shell,
    body.tu-premium-member .tu-member-topbar-inner {
        width: 100%;
    }

    body.tu-premium-member .tu-member-topbar-inner {
        padding: 4px 10px;
    }

    body.tu-premium-member .tu-member-account-links {
        white-space: normal;
    }

    body.tu-premium-member .tu-member-hero {
        height: 96px;
        min-height: 96px;
        background-size: auto 92px;
        background-position: right center;
    }

    body.tu-premium-member .tu-member-hero::after {
        display: none;
    }

    body.tu-premium-member .tu-member-logo {
        left: 12px;
        top: 21px;
        width: 220px;
    }

    body.tu-premium-member .tu-member-nav {
        border-radius: 0;
    }

    body.tu-premium-member .tu-member-nav a {
        flex-basis: 50%;
        padding: 0 8px;
        font-size: 14px;
    }

    body.tu-premium-member .tu-member-titlebar {
        margin-top: 0;
        border-radius: 0;
    }

    body.tu-premium-member .tu-member-page .am-body .am-body-content-wrapper {
        padding: 16px 12px 20px;
        border-left: 0;
        border-right: 0;
        border-radius: 0;
    }

    body.tu-premium-member .tu-member-page .am-row:not(#row-product_id_page-0-0):not(#row-paysys_id) {
        grid-template-columns: minmax(0, 1fr);
        gap: 7px;
    }

    body.tu-premium-member .tu-member-page .am-row:not(#row-product_id_page-0-0):not(#row-paysys_id) > .am-element-title {
        text-align: left;
    }

    body.tu-premium-member .tu-member-page input[type="text"],
    body.tu-premium-member .tu-member-page input[type="password"],
    body.tu-premium-member .tu-member-page input[type="email"],
    body.tu-premium-member .tu-member-page select,
    body.tu-premium-member .tu-member-page textarea {
        width: 100%;
        max-width: 100%;
    }

    body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0,
    body.tu-premium-member.am-page-signup .tu-member-page #row-paysys_id {
        padding: 14px 10px !important;
    }

    body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 .am-product-title {
        padding-right: 72px;
        font-size: 19px;
    }

    body.tu-premium-member.am-page-signup .tu-member-page #row-buttons .am-element {
        grid-column: 1;
        text-align: left;
    }
}

@media (max-width: 520px) {
    body.tu-premium-member .tu-member-page,
    body.tu-premium-member .tu-member-shell,
    body.tu-premium-member .tu-member-page .am-layout,
    body.tu-premium-member .tu-member-page .am-body,
    body.tu-premium-member .tu-member-page .am-body-content-wrapper,
    body.tu-premium-member .tu-member-page .am-signup,
    body.tu-premium-member .tu-member-page .am-form,
    body.tu-premium-member .tu-member-page .am-form form,
    body.tu-premium-member .tu-member-page .am-row,
    body.tu-premium-member .tu-member-page .am-row > .am-element,
    body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 > .am-element,
    body.tu-premium-member.am-page-signup .tu-member-page #row-paysys_id > .am-element {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.tu-premium-member .tu-member-nav a {
        flex-basis: 100%;
    }

    body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 > .am-element > label {
        min-height: 0;
        padding: 16px 14px 14px;
        width: 100%;
        min-width: 0;
    }

    body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 .am-product-title,
    body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 .am-product-terms,
    body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 .am-product-desc {
        grid-column: 1 / -1;
    }

    body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 input[type="radio"] {
        grid-row: 1;
    }

    body.tu-premium-member.am-page-signup .tu-member-page #row-product_id_page-0-0 .am-product-title {
        grid-column: 2;
        padding-right: 58px;
    }

    body.tu-premium-member.am-page-signup .tu-payment-mark-strip {
        gap: 8px 10px;
        min-width: 0;
    }

    body.tu-premium-member.am-page-signup .tu-payment-mark-strip img {
        max-width: 74px;
        height: 20px;
    }
}