/* Enhancements CSS - Modern Design Improvements */

:root {
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    --accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    --success-gradient: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
    --purple-gradient: linear-gradient(135deg, #5D45DC 0%, #667eea 50%, #764ba2 100%);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.16);
    --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.24);
    --shadow-purple: 0 8px 24px rgba(93, 69, 220, 0.4);
    --shadow-purple-xl: 0 12px 32px rgba(93, 69, 220, 0.5);
    --transition-fast: all 0.2s ease;
    --transition-normal: all 0.3s ease;
    --transition-slow: all 0.5s ease;
    --glass-bg: rgba(255, 255, 255, 0.1);
    --glass-border: rgba(255, 255, 255, 0.2);
}

/* Smooth scrolling and animations */
html {
    scroll-behavior: smooth;
}

body {
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    background: #f8f9ff !important;
    background-color: #f8f9ff !important;
    color: #1a202c;
}

html {
    background: #f8f9ff !important;
    background-color: #f8f9ff !important;
}

/* Override any remaining dark elements with class names containing 'dark' or 'black' */
[class*="dark"]:not([class*="drop-shadow"]),
[class*="black"]:not([class*="blackberry"]),
section[class*="dark"],
section[class*="black"] {
    background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 50%, #f8f9ff 100%) !important;
    background-color: #f8f9ff !important;
    color: #1a202c !important;
}

/* Header improvements - Enhanced Logo */
.header {
    backdrop-filter: blur(10px);
    background: linear-gradient(135deg, #5D45DC 0%, #667eea 50%, #764ba2 100%);
    box-shadow: 0 4px 20px rgba(93, 69, 220, 0.3);
    transition: var(--transition-normal);
    position: relative;
    overflow: hidden;
}

.header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, transparent 50%);
    pointer-events: none;
}

.header .myContainer {
    position: relative;
    z-index: 1;
}

.header h1 {
    background: linear-gradient(135deg, #ffffff 0%, #f0f4ff 50%, #ffffff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: none;
    font-size: 28px !important;
    font-weight: 800 !important;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    padding: 8px 0;
    transition: var(--transition-normal);
}

.header h1::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, #ffffff, transparent);
    transition: width 0.4s ease;
}

.header:hover h1::before {
    width: 80%;
}

.header h1::after {
    content: '';
    position: absolute;
    top: 0;
    left: -10px;
    right: -10px;
    bottom: 0;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, transparent 70%);
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 10px;
}

.header:hover h1::after {
    opacity: 1;
}

/* Main screen improvements - Enhanced Design */
.main_screen {
    position: relative;
    overflow: hidden;
    min-height: 90vh;
    display: flex;
    align-items: center;
    background: transparent !important;
}

/* Main screen container - wider text block, keep phone size */
.main_screen .main_screen_cont {
    grid-template-columns: 2.2fr 1fr !important;
    gap: 60px;
}

/* Ensure phone/video container doesn't shrink */
.main_screen__item:last-child {
    min-width: 350px;
    max-width: none;
}

.main_screen__item_video {
    width: 100%;
    min-width: 350px;
}

/* Enhanced background with gradient overlay */
.main_screen_bgimage {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    background-color: rgb(238, 236, 251) !important;
    background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 50%, #e0e7ff 100%) !important;
}

.main_screen_bgimage::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 50%, rgba(102, 126, 234, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(118, 75, 162, 0.15) 0%, transparent 50%);
    pointer-events: none;
    z-index: 1;
}

.main_screen_bgimage .main_screen_bgimage__pct {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
    opacity: 0.7 !important;
    filter: blur(0.5px) !important;
    position: relative;
    z-index: 0;
}

.main_screen_bgimage .main_screen_bgimage__pct img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
    display: block !important;
}

/* Enhanced title with better gradient and effects */
.main_screen__item:first-child {
    max-width: none !important;
    width: 100%;
}

.main_screen__item_title {
    position: relative;
    z-index: 2;
}

.main_screen__item_title h2 {
    background: linear-gradient(135deg, #5D45DC 0%, #667eea 50%, #764ba2 100%);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: none;
    animation: fadeInUp 0.6s ease-out, gradientShift 5s ease infinite;
    font-size: 68px;
    font-weight: 900;
    letter-spacing: -1.5px;
    line-height: 1.1;
    margin-bottom: 20px;
    position: relative;
    filter: drop-shadow(0 4px 12px rgba(93, 69, 220, 0.2));
}

@keyframes gradientShift {
    0%, 100% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}

.main_screen__item_title h2::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #5D45DC 0%, #667eea 100%);
    border-radius: 2px;
    animation: slideInLeft 0.8s ease-out 0.3s both;
}

/* Enhanced description text */
.main_screen__item_descr {
    animation: fadeInUp 0.8s ease-out;
    position: relative;
    z-index: 2;
    padding-bottom: 40px;
    max-width: 650px;
}

.main_screen__item_descr p {
    font-size: 20px;
    line-height: 1.8;
    color: #2d3748;
    margin-bottom: 15px;
    font-weight: 400;
    opacity: 0.95;
}

.main_screen__item_descr p:first-child {
    font-size: 24px;
    font-weight: 600;
    color: #1a202c;
    line-height: 1.5;
}

/* Enhanced button with modern effects */
.main_screen__item_btn {
    animation: fadeInUp 1s ease-out;
    position: relative;
    z-index: 2;
    margin-top: 20px;
}

.main_screen__item_btn a {
    display: inline-block;
    padding: 18px 48px;
    background: linear-gradient(135deg, #5D45DC 0%, #667eea 100%);
    color: #fff;
    border-radius: 50px;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    box-shadow: 0 8px 24px rgba(93, 69, 220, 0.4);
    transition: var(--transition-normal);
    position: relative;
    overflow: hidden;
    border: none;
}

.main_screen__item_btn a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.6s;
}

.main_screen__item_btn a::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.main_screen__item_btn a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 12px 32px rgba(93, 69, 220, 0.5);
}

.main_screen__item_btn a:hover::before {
    left: 100%;
}

.main_screen__item_btn a:hover::after {
    width: 300px;
    height: 300px;
}

.main_screen__item_btn a:active {
    transform: translateY(-2px) scale(0.98);
}

/* Enhanced video/phone container */
.main_screen__item_video {
    position: relative;
    z-index: 2;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(93, 69, 220, 0.3);
    transition: var(--transition-slow);
    animation: fadeInRight 1s ease-out;
    background: #ffffff;
    padding: 10px;
}

.main_screen__item_video::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(102, 126, 234, 0.1) 0%, transparent 70%);
    animation: rotate 20s linear infinite;
    pointer-events: none;
}

.main_screen__item_video:hover {
    transform: scale(1.05) rotate(2deg);
    box-shadow: 0 24px 80px rgba(93, 69, 220, 0.4);
}

.main_screen__item_video video {
    border-radius: 20px;
    width: 100%;
    height: auto;
    display: block;
    transition: var(--transition-slow);
}

.main_screen__item_video:hover video {
    transform: scale(1.02);
}

/* Decorative elements */
.main_screen__item::before {
    content: '';
    position: absolute;
    top: -100px;
    right: -100px;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(102, 126, 234, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 1;
    animation: pulse 4s ease-in-out infinite;
}

/* Additional animation */
@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 0.5;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.8;
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Advantages section improvements - Enhanced */
.advantages {
    background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}

.advantages::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(102, 126, 234, 0.3), transparent);
}

.advantages h2 {
    color: #2d3748;
    margin-bottom: 60px;
    font-weight: 800;
    font-size: 42px;
    text-align: center;
    animation: fadeIn 0.8s ease-out;
    position: relative;
    letter-spacing: -0.5px;
}

.advantages h2::after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: var(--purple-gradient);
    border-radius: 2px;
}

.advantages__cont {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 40px;
    position: relative;
    z-index: 1;
}

.advantages__item {
    flex: 1;
    min-width: 250px;
    max-width: 350px;
    text-align: center;
    padding: 40px 30px;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9ff 100%);
    border-radius: 24px;
    box-shadow: 0 4px 20px rgba(102, 126, 234, 0.1);
    transition: var(--transition-normal);
    animation: fadeInUp 0.8s ease-out;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.advantages__item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--purple-gradient);
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: 24px;
    z-index: 0;
}

.advantages__item > * {
    position: relative;
    z-index: 1;
}

.advantages__item:hover {
    transform: translateY(-12px) scale(1.02);
    box-shadow: 0 12px 40px rgba(102, 126, 234, 0.25);
    border-color: rgba(102, 126, 234, 0.3);
}

.advantages__item:hover::before {
    opacity: 0.05;
}

.advantages__item:nth-child(1) {
    animation-delay: 0.1s;
}

.advantages__item:nth-child(2) {
    animation-delay: 0.2s;
}

.advantages__item:nth-child(3) {
    animation-delay: 0.3s;
}

.digits_adv {
    font-size: 52px;
    font-weight: 800;
    background: var(--purple-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 15px;
    line-height: 1.2;
    letter-spacing: -1px;
    position: relative;
    display: inline-block;
}

.digits_adv::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 3px;
    background: var(--purple-gradient);
    border-radius: 2px;
    opacity: 0.3;
}

.descr_adv {
    font-size: 18px;
    color: #64748b;
    font-weight: 600;
    letter-spacing: 0.3px;
}

/* Buy crypto section - Enhanced with light background */
.buy_cripto {
    background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 50%, #e0e7ff 100%) !important;
    background-color: #f8f9ff !important;
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}

.buy_cripto::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(102, 126, 234, 0.08) 0%, transparent 70%);
    border-radius: 50%;
    animation: pulse 6s ease-in-out infinite;
}

.buy_cripto_right_title {
    font-size: 38px;
    font-weight: 800;
    background: var(--purple-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 30px;
    line-height: 1.3;
    letter-spacing: -0.5px;
}

.cripto_right_toptitle {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #667eea;
    margin-bottom: 10px;
    opacity: 0.9;
}

.right_list_cont__item {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 25px;
    margin-bottom: 20px;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9ff 100%);
    border-radius: 18px;
    box-shadow: 0 4px 16px rgba(102, 126, 234, 0.08);
    transition: var(--transition-normal);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.right_list_cont__item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--purple-gradient);
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform 0.3s ease;
}

.right_list_cont__item:hover {
    transform: translateX(10px);
    box-shadow: 0 8px 24px rgba(102, 126, 234, 0.15);
    border-color: rgba(102, 126, 234, 0.2);
}

.right_list_cont__item:hover::before {
    transform: scaleY(1);
}

.right_list_cont__item img {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    transition: var(--transition-normal);
    filter: drop-shadow(0 2px 8px rgba(102, 126, 234, 0.2)) brightness(0) saturate(100%) invert(35%) sepia(89%) saturate(2384%) hue-rotate(239deg) brightness(96%) contrast(91%);
}

.right_list_cont__item:hover img {
    transform: scale(1.1) rotate(5deg);
    filter: drop-shadow(0 4px 12px rgba(102, 126, 234, 0.3)) brightness(0) saturate(100%) invert(35%) sepia(89%) saturate(2384%) hue-rotate(239deg) brightness(96%) contrast(91%);
}

.right_list_cont__item p {
    font-size: 17px;
    color: #1a202c;
    line-height: 1.7;
    font-weight: 500;
}

.buy_kripto_button a,
.buy_kripto_button_snk a {
    display: inline-block;
    padding: 20px 50px;
    background: var(--purple-gradient);
    color: #fff;
    border-radius: 50px;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    box-shadow: 0 8px 24px rgba(93, 69, 220, 0.4);
    transition: var(--transition-normal);
    margin-top: 30px;
    position: relative;
    overflow: hidden;
    border: none;
}

.buy_kripto_button a::before,
.buy_kripto_button_snk a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.6s;
}

.buy_kripto_button a:hover,
.buy_kripto_button_snk a:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 12px 32px rgba(93, 69, 220, 0.5);
}

.buy_kripto_button a:hover::before,
.buy_kripto_button_snk a:hover::before {
    left: 100%;
}

/* Why storm section - Enhanced */
.why_storm {
    padding: 120px 0;
    background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);
    position: relative;
}

.why_storm::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(102, 126, 234, 0.3), transparent);
}

.why_storm h2 {
    text-align: center;
    font-size: 48px;
    font-weight: 800;
    color: #1a202c;
    margin-bottom: 80px;
    background: var(--purple-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: -1px;
    position: relative;
}

.why_storm h2::after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 4px;
    background: var(--purple-gradient);
    border-radius: 2px;
}

.why_storm__item {
    margin-bottom: 60px;
    padding: 50px;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9ff 100%);
    border-radius: 24px;
    transition: var(--transition-normal);
    animation: fadeIn 0.8s ease-out;
    border: 2px solid transparent;
    box-shadow: 0 4px 20px rgba(102, 126, 234, 0.08);
    position: relative;
    overflow: hidden;
}

.why_storm__item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--purple-gradient);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s ease;
}

.why_storm__item:hover {
    background: #ffffff;
    box-shadow: 0 12px 40px rgba(102, 126, 234, 0.15);
    transform: translateY(-8px);
    border-color: rgba(102, 126, 234, 0.2);
}

.why_storm__item:hover::before {
    transform: scaleX(1);
}

.why_storm_txt_title {
    font-size: 28px;
    font-weight: 800;
    background: var(--purple-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 20px;
    letter-spacing: -0.3px;
    position: relative;
}

.why_storm__item_img_cont {
    position: relative;
    margin-bottom: 20px;
}

.why_storm__item_img_cont img {
    transition: var(--transition-slow);
    filter: drop-shadow(0 4px 16px rgba(102, 126, 234, 0.2)) brightness(0) saturate(100%) invert(35%) sepia(89%) saturate(2384%) hue-rotate(239deg) brightness(96%) contrast(91%);
}

.why_storm__item:hover .why_storm__item_img_cont img {
    transform: scale(1.1) rotate(5deg);
    filter: drop-shadow(0 6px 20px rgba(102, 126, 234, 0.3)) brightness(0) saturate(100%) invert(35%) sepia(89%) saturate(2384%) hue-rotate(239deg) brightness(96%) contrast(91%);
}

.why_storm_txt_descr {
    font-size: 17px;
    color: #4a5568;
    line-height: 1.9;
    margin-bottom: 18px;
    font-weight: 400;
}

.why_storm_txt_descr__up {
    font-size: 22px;
    font-weight: 700;
    color: #1a202c;
    margin-bottom: 15px;
    line-height: 1.4;
}

/* Form improvements - Enhanced Glassmorphism */
.registWrap__form {
    border-radius: 30px;
    box-shadow: 0 20px 60px rgba(93, 69, 220, 0.2);
    background: linear-gradient(135deg, #ffffff 0%, #f8f9ff 100%);
    overflow: hidden;
    position: relative;
    border: 2px solid rgba(102, 126, 234, 0.1);
    max-width: 550px !important;
    width: 100% !important;
    min-width: 450px !important;
}

/* Force form width override - Make form wider */
.registWrap__form,
form.f_form,
.f_form {
    max-width: 550px !important;
    width: 100% !important;
}

body .registWrap__form,
body form.f_form,
body .f_form {
    max-width: 550px !important;
}

.second_bldcf_cont .registWrap__form,
.container .registWrap__form,
.myRow_two .registWrap__form,
#try_second_block .registWrap__form {
    max-width: 550px !important;
    width: 100% !important;
}

body .second_bldcf_cont .registWrap__form,
body .container .registWrap__form,
body .myRow_two .registWrap__form,
body #try_second_block .registWrap__form {
    max-width: 550px !important;
}

/* Media queries for form width */
@media (min-width: 768px) {
    .registWrap__form,
    form.f_form,
    .f_form,
    .second_bldcf_cont .registWrap__form,
    .container .registWrap__form,
    .myRow_two .registWrap__form {
        max-width: 550px !important;
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .registWrap__form,
    form.f_form,
    .f_form {
        max-width: 100% !important;
        width: 100% !important;
        min-width: auto !important;
    }
}

.registWrap__form::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.03) 0%, rgba(118, 75, 162, 0.03) 100%);
    pointer-events: none;
    z-index: 0;
}

.blur__content {
    position: relative;
    z-index: 1;
}

.form-fake__title {
    background: var(--purple-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 22px;
    line-height: 1.5;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
}

.registWrap__form form input[type="text"],
.registWrap__form form input[type="email"],
.registWrap__form form input[type="tel"] {
    width: 100%;
    padding: 16px 22px;
    border: 2px solid #e2e8f0;
    border-radius: 0 !important;
    background: #ffffff;
    font-size: 16px;
    color: #1a202c;
    transition: var(--transition-normal);
    margin-bottom: 18px;
    font-weight: 500;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.registWrap__form form input[type="text"]:focus,
.registWrap__form form input[type="email"]:focus,
.registWrap__form form input[type="tel"]:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.15), 0 4px 12px rgba(102, 126, 234, 0.2);
    transform: translateY(-3px);
    background: #ffffff;
    border-radius: 0 !important;
}

/* Square corners for all form inputs */
.registWrap__form input,
.registWrap__form input[type="text"],
.registWrap__form input[type="email"],
.registWrap__form input[type="tel"],
.registWrap__form input[type="password"],
.registWrap__form .vue-tel-input,
.registWrap__form .vue-tel-input input,
.registWrap__form .vti__dropdown,
.registWrap__form .vti__dropdown-list,
.registWrap__form .vti__dropdown-list-item,
.registWrap__form .phone,
.registWrap__form .form-control,
form input,
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form input[type="password"],
form .vue-tel-input,
form .vue-tel-input input,
form .vti__dropdown,
form .vti__dropdown-list,
form .vti__dropdown-list-item,
form .phone,
form .form-control,
.vue-tel-input,
.vue-tel-input input,
.vti__dropdown,
.phone.form-control {
    border-radius: 0 !important;
}

/* Specific override for vue-tel-input components */
.registWrap__form .vue-tel-input input,
form .vue-tel-input input,
.vue-tel-input input {
    border-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.registWrap__form .vti__dropdown,
form .vti__dropdown,
.vti__dropdown {
    border-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.registWrap__form form input::placeholder {
    color: #a0aec0;
}

/* Fix text alignment for submit button in form */
.registWrap__form .col-xs-12 input.subscribeBtn,
.registWrap__form .col-xs-12 input[type="submit"].subscribeBtn,
form.f_form .col-xs-12 input.subscribeBtn,
form.f_form .col-xs-12 input[type="submit"].subscribeBtn {
    text-align: center !important;
    display: block !important;
    margin: 0 auto !important;
    width: 100% !important;
}

.subscribeBtn,
input.subscribeBtn,
input[type="submit"].subscribeBtn,
input.subscribeBtn[type="submit"],
.f_form .subscribeBtn,
form .subscribeBtn,
form.f_form .subscribeBtn,
.registWrap__form .subscribeBtn,
.registWrap__form form .subscribeBtn,
.registWrap__form .f_form .subscribeBtn,
.col-xs-12 .subscribeBtn,
form .col-xs-12 .subscribeBtn,
.f_form input.subscribeBtn,
.f_form input[type="submit"].subscribeBtn,
form.f_form input.subscribeBtn,
form.f_form input[type="submit"].subscribeBtn,
.registWrap__form .f_form input.subscribeBtn,
.registWrap__form .f_form input[type="submit"].subscribeBtn {
    width: 100% !important;
    padding: 18px 48px !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    box-shadow: 0 8px 24px rgba(102, 126, 234, 0.4) !important;
    transition: var(--transition-normal) !important;
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
    display: block !important;
    text-align: center !important;
    min-height: auto !important;
    margin: 0 auto !important;
    text-indent: 0 !important;
    padding-left: 48px !important;
    padding-right: 48px !important;
}

.subscribeBtn::before,
input.subscribeBtn::before,
input[type="submit"].subscribeBtn::before,
input.subscribeBtn[type="submit"]::before,
.f_form .subscribeBtn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.6s;
    z-index: 1;
}

.subscribeBtn::after,
input.subscribeBtn::after,
input[type="submit"].subscribeBtn::after,
input.subscribeBtn[type="submit"]::after,
.f_form .subscribeBtn::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
    z-index: 0;
}

.subscribeBtn:hover,
input.subscribeBtn:hover,
input[type="submit"].subscribeBtn:hover,
input.subscribeBtn[type="submit"]:hover,
.f_form .subscribeBtn:hover,
form .subscribeBtn:hover,
form.f_form .subscribeBtn:hover,
.registWrap__form .subscribeBtn:hover,
.registWrap__form form .subscribeBtn:hover,
.registWrap__form .f_form .subscribeBtn:hover,
.col-xs-12 .subscribeBtn:hover,
form .col-xs-12 .subscribeBtn:hover,
.f_form input.subscribeBtn:hover,
.f_form input[type="submit"].subscribeBtn:hover,
form.f_form input.subscribeBtn:hover,
form.f_form input[type="submit"].subscribeBtn:hover,
.registWrap__form .f_form input.subscribeBtn:hover,
.registWrap__form .f_form input[type="submit"].subscribeBtn:hover {
    transform: translateY(-5px) scale(1.02) !important;
    box-shadow: 0 12px 32px rgba(102, 126, 234, 0.5) !important;
    opacity: 1 !important;
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%) !important;
    background-image: linear-gradient(135deg, #764ba2 0%, #667eea 100%) !important;
}

.subscribeBtn:hover::before,
input.subscribeBtn:hover::before,
input[type="submit"].subscribeBtn:hover::before,
input.subscribeBtn[type="submit"]:hover::before,
.f_form .subscribeBtn:hover::before {
    left: 100%;
}

.subscribeBtn:hover::after,
input.subscribeBtn:hover::after,
input[type="submit"].subscribeBtn:hover::after,
input.subscribeBtn[type="submit"]:hover::after,
.f_form .subscribeBtn:hover::after {
    width: 300px;
    height: 300px;
}

.subscribeBtn:active,
input.subscribeBtn:active,
input[type="submit"].subscribeBtn:active,
input.subscribeBtn[type="submit"]:active,
.f_form .subscribeBtn:active {
    transform: translateY(-2px) scale(0.98) !important;
}

/* Starting crypto section - LIGHT BACKGROUND with DARK TEXT */
.starting_crypto_sec {
    background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 50%, #e0e7ff 100%) !important;
    background-color: #f8f9ff !important;
    padding: 100px 0;
    position: relative;
}

.starting_crypto_sec::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 50%, rgba(102, 126, 234, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(118, 75, 162, 0.08) 0%, transparent 50%);
    pointer-events: none;
}

/* Dark text for elements directly in starting_crypto_sec (not in cards) */
.starting_crypto_sec > .container > p,
.starting_crypto_sec > .container > h2,
.starting_crypto_sec .starting_crypto_sec_toptitle,
.starting_crypto_sec .starting_crypto_sec_title,
.starting_crypto_sec .starting_crypto_sec_subtitle,
.starting_crypto_sec .crpt_benefits {
    color: #1a202c !important;
    position: relative;
    z-index: 1;
}

.starting_crypto_sec_toptitle {
    color: #667eea !important;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 3px;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 15px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.starting_crypto_sec_title {
    font-size: 42px;
    font-weight: 800;
    background: var(--purple-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 25px;
    text-align: center;
    letter-spacing: -1px;
    line-height: 1.2;
    position: relative;
    z-index: 1;
}

.starting_crypto_sec__item {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9ff 100%) !important;
    border-radius: 24px;
    padding: 35px 25px;
    text-align: center;
    box-shadow: 0 4px 20px rgba(102, 126, 234, 0.12);
    transition: var(--transition-normal);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.starting_crypto_sec__item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--purple-gradient);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
}

.starting_crypto_sec__item:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 12px 40px rgba(102, 126, 234, 0.2);
    border-color: rgba(102, 126, 234, 0.2);
}

.starting_crypto_sec__item:hover::before {
    transform: scaleX(1);
}

.starting_crypto_sec__item img {
    transition: var(--transition-normal);
    filter: drop-shadow(0 2px 8px rgba(102, 126, 234, 0.2)) !important;
}

.starting_crypto_sec__item:hover img {
    transform: scale(1.15) rotate(8deg);
    filter: drop-shadow(0 4px 12px rgba(102, 126, 234, 0.3)) !important;
}

.crypto_sec__item_title {
    font-size: 22px;
    font-weight: 800;
    color: #1a202c;
    margin: 20px 0 12px;
    letter-spacing: -0.3px;
}

.crypto_sec__item_title span {
    color: #64748b;
    font-weight: 600;
}

.crypto_sec__prcent {
    font-size: 36px;
    font-weight: 800;
    background: var(--success-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-top: 10px;
    display: block;
    letter-spacing: -0.5px;
}

/* Animations */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Responsive improvements */
@media (max-width: 768px) {
    .advantages__item {
        min-width: 100%;
    }
    
    .main_screen__item_title h2 {
        font-size: 40px;
    }
    
    .buy_cripto_right_title {
        font-size: 24px;
    }
    
    .why_storm h2 {
        font-size: 32px;
    }
    
    .starting_crypto_sec_title {
        font-size: 28px;
    }
}

/* Additional smooth transitions for all interactive elements */
a, button, input, .advantages__item, .why_storm__item {
    transition: var(--transition-normal);
}

/* Improved focus states for accessibility */
*:focus {
    outline: 2px solid #667eea;
    outline-offset: 2px;
}

/* Better text selection */
::selection {
    background: var(--accent-gradient);
    color: #fff;
}

::-moz-selection {
    background: var(--accent-gradient);
    color: #fff;
}

/* Fix for gray text on dark backgrounds - improve contrast */
.f1t-form-field input,
.f1t-form-field textarea,
.f1t-form-field select,
form input[type="text"],
form input[type="email"],
form input[type="tel"] {
    color: #1a202c !important;
    background: #ffffff !important;
}

/* Fix placeholder text on dark backgrounds */
form input::placeholder,
.f1t-form-field input::placeholder {
    color: #718096 !important;
    opacity: 0.8;
}

/* Fix for dark backgrounds - ensure white text */
[style*="background-color: rgba(0, 0, 0"],
[style*="background: rgba(0, 0, 0"],
[style*="background-color: #000"],
.registWrap__form,
.registWrap__form * {
    color: #1a202c !important;
}

/* Fix privacy checkbox text on form background - DARK TEXT on light form background */
.registWrap__form .privacy-checkbox,
.registWrap__form .privacy-checkbox p,
.registWrap__form .privacy-checkbox_main,
.registWrap__form .privacy-checkbox_main p,
form .privacy-checkbox,
form .privacy-checkbox p,
form .privacy-checkbox_main,
form .privacy-checkbox_main p,
.privacy-checkbox,
.privacy-checkbox p,
.privacy-checkbox_main,
.privacy-checkbox_main p {
    color: #2d3748 !important;
    font-size: 14px;
    line-height: 1.6;
}

.registWrap__form .privacy-checkbox a,
.registWrap__form .privacy-checkbox_main a,
form .privacy-checkbox a,
form .privacy-checkbox_main a,
.privacy-checkbox a,
.privacy-checkbox_main a {
    color: #5D45DC !important;
    font-weight: 600;
    text-decoration: underline;
    outline: none !important;
    border: none !important;
}

/* Remove outline and border on focus/active for privacy checkbox links */
.registWrap__form .privacy-checkbox a:focus,
.registWrap__form .privacy-checkbox a:active,
.registWrap__form .privacy-checkbox_main a:focus,
.registWrap__form .privacy-checkbox_main a:active,
form .privacy-checkbox a:focus,
form .privacy-checkbox a:active,
form .privacy-checkbox_main a:focus,
form .privacy-checkbox_main a:active,
.privacy-checkbox a:focus,
.privacy-checkbox a:active,
.privacy-checkbox_main a:focus,
.privacy-checkbox_main a:active {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: underline !important;
}

/* Increase spacing between privacy checkbox text and submit button */
.registWrap__form .offer_row,
.registWrap__form .col-xs-12.offer_row,
form .offer_row,
form .col-xs-12.offer_row,
.offer_row,
.col-xs-12.offer_row {
    margin-bottom: 30px !important;
}

.registWrap__form .checkbox-svg,
form .checkbox-svg,
.checkbox-svg {
    margin-bottom: 0 !important;
}

/* Ensure form inputs have proper contrast */
.registWrap__form form .col-xs-12 input {
    background: #ffffff !important;
    color: #1a202c !important;
    border: 2px solid #e2e8f0 !important;
}

/* Form text should be dark, not white */
.registWrap__form,
.registWrap__form *:not(input):not(textarea):not(select),
form,
form *:not(input):not(textarea):not(select) {
    color: #2d3748 !important;
}

/* But input placeholders should be visible */
.registWrap__form input::placeholder,
form input::placeholder {
    color: #718096 !important;
}

/* Fix text in description sections - DARK BACKGROUND needs WHITE TEXT */
/* Tesler description bottom - LIGHT BACKGROUND with DARK TEXT */
.tesler_descr_bottom {
    background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 50%, #e0e7ff 100%) !important;
    background-color: #f8f9ff !important;
    position: relative;
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: none !important;
}

.tesler_descr_bottom::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 50%, rgba(102, 126, 234, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(118, 75, 162, 0.08) 0%, transparent 50%);
    pointer-events: none;
}

.tesler_descr_bottom,
.tesler_descr_bottom p,
.tesler_descr_bottom h2,
.tesler_descr_bottom h2 *,
.tesler_descr_bottom p *,
.tesler_descr_bottom * {
    color: #1a202c !important;
    position: relative;
    z-index: 1;
}

.tesler_descr_bottom h2 {
    background: var(--purple-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 800;
    margin-top: 30px;
    margin-bottom: 15px;
}

.tesler_descr_bottom p {
    color: #2d3748 !important;
    line-height: 1.8;
}

/* Storm pro section - LIGHT BACKGROUND with DARK TEXT */
.storm_pro {
    background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 50%, #f8f9ff 100%) !important;
    background-color: #f8f9ff !important;
    position: relative;
}

.storm_pro::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 50%, rgba(102, 126, 234, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(118, 75, 162, 0.08) 0%, transparent 50%);
    pointer-events: none;
}

.storm_pro,
.storm_pro p,
.storm_pro__descr,
.storm_pro * {
    color: #1a202c !important;
    position: relative;
    z-index: 1;
}

.storm_pro__descr {
    color: #2d3748 !important;
    line-height: 1.9;
}

.storm_pro_toptitle {
    color: #667eea !important;
    font-weight: 700;
}

.storm_pro_subinfo_cont,
.pro_subinfo_cont__item,
.pro_subinfo_cont__item2,
.subinfo_cont__item_title,
.subinfo_cont__item_descr {
    color: #1a202c !important;
}

.subinfo_cont__item_title {
    background: var(--purple-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 800;
    font-size: 20px;
}

.subinfo_cont__item_descr {
    color: #2d3748 !important;
    line-height: 1.8;
    font-size: 16px;
}

/* Storm pro advantages section - Enhanced Design */
.storm_pro_advantages {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 40px !important;
    padding: 60px 0 !important;
    margin-bottom: 40px;
    position: relative;
    z-index: 2;
}

@media (max-width: 992px) {
    .storm_pro_advantages {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .storm_pro_advantages {
        grid-template-columns: 1fr !important;
    }
}

.pro_advantages__item {
    text-align: center !important;
    padding: 50px 35px !important;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9ff 100%) !important;
    border-radius: 28px !important;
    box-shadow: 0 6px 24px rgba(102, 126, 234, 0.12) !important;
    border: 2px solid transparent !important;
    transition: var(--transition-normal) !important;
    animation: fadeInUp 0.8s ease-out !important;
    position: relative !important;
    overflow: hidden !important;
    color: #1a202c !important;
}

.pro_advantages__item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--purple-gradient);
    opacity: 0;
    transition: opacity 0.4s ease;
    border-radius: 28px;
    z-index: 0;
}

.pro_advantages__item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: var(--purple-gradient);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s ease;
    border-radius: 28px 28px 0 0;
    z-index: 1;
}

.pro_advantages__item > * {
    position: relative;
    z-index: 2;
}

.pro_advantages__item:hover {
    transform: translateY(-12px) scale(1.03) !important;
    box-shadow: 0 16px 48px rgba(102, 126, 234, 0.25) !important;
    border-color: rgba(102, 126, 234, 0.3) !important;
}

.pro_advantages__item:hover::before {
    opacity: 0.06;
}

.pro_advantages__item:hover::after {
    transform: scaleX(1);
}

.pro_advantages__item:nth-child(1) {
    animation-delay: 0.1s;
}

.pro_advantages__item:nth-child(2) {
    animation-delay: 0.2s;
}

.pro_advantages__item:nth-child(3) {
    animation-delay: 0.3s;
}

.pro_advantages__item img {
    width: 80px !important;
    height: 80px !important;
    max-width: 80px !important;
    margin-bottom: 25px !important;
    transition: var(--transition-normal) !important;
    filter: drop-shadow(0 4px 16px rgba(102, 126, 234, 0.3)) brightness(0) saturate(100%) invert(35%) sepia(89%) saturate(2384%) hue-rotate(239deg) brightness(96%) contrast(91%) !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pro_advantages__item:hover img {
    transform: scale(1.2) rotate(10deg) !important;
    filter: drop-shadow(0 6px 20px rgba(102, 126, 234, 0.4)) brightness(0) saturate(100%) invert(35%) sepia(89%) saturate(2384%) hue-rotate(239deg) brightness(96%) contrast(91%) !important;
}

.pro_advantages__item p,
.pro_advantages__item .advantages__item_title,
.pro_advantages__item .advantages__item_descr {
    color: #1a202c !important;
    margin: 0;
}

.pro_advantages__item .advantages__item_title {
    background: var(--purple-gradient) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    margin-bottom: 15px !important;
    padding-bottom: 15px !important;
    letter-spacing: -0.3px !important;
    position: relative;
}

.pro_advantages__item .advantages__item_title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: var(--purple-gradient);
    border-radius: 2px;
    opacity: 0.3;
}

.pro_advantages__item:hover .advantages__item_title::after {
    width: 100px;
    opacity: 0.5;
    transition: all 0.4s ease;
}

.pro_advantages__item .advantages__item_descr {
    color: #2d3748 !important;
    font-size: 17px !important;
    line-height: 1.8 !important;
    font-weight: 500 !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 10px;
}

/* Override any inline dark backgrounds to light */
[background-color="#000"],
[style*="background-color: #000"],
[style*="background-color: rgb(0"],
[style*="background-color: rgba(0, 0, 0"] {
    background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 50%, #f8f9ff 100%) !important;
    background-color: #f8f9ff !important;
    color: #1a202c !important;
}

[background-color="#000"] *,
[style*="background-color: #000"] *,
[style*="background-color: rgb(0"] *,
[style*="background-color: rgba(0, 0, 0"] * {
    color: #2d3748 !important;
}

/* Crypto journey section - Enhanced with light background */
.crypto_journey {
    background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 50%, #e0e7ff 100%) !important;
    background-color: #f8f9ff !important;
    padding: 120px 0;
    position: relative;
    overflow: hidden;
}

.crypto_journey::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 50%, rgba(102, 126, 234, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(118, 75, 162, 0.08) 0%, transparent 50%);
    pointer-events: none;
    z-index: 0;
}

.crypto_journey::before {
    content: '';
    position: absolute;
    bottom: -50%;
    left: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(102, 126, 234, 0.08) 0%, transparent 70%);
    border-radius: 50%;
    animation: pulse 8s ease-in-out infinite;
}

.crypto_journey_img {
    position: relative;
    z-index: 2;
}

.crypto_journey_img img {
    border-radius: 24px;
    box-shadow: 0 20px 60px rgba(102, 126, 234, 0.3);
    transition: var(--transition-slow);
    filter: drop-shadow(0 8px 24px rgba(102, 126, 234, 0.2));
}

.crypto_journey_img:hover img {
    transform: scale(1.05);
    box-shadow: 0 24px 80px rgba(102, 126, 234, 0.4);
}

.crypto_journey_start,
.journey_start_title,
.journey_start_descr {
    color: #1a202c !important;
}

.journey_start_title {
    font-size: 42px;
    font-weight: 800;
    background: var(--purple-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 25px;
    letter-spacing: -1px;
    line-height: 1.3;
}

.journey_start_descr {
    font-size: 20px;
    line-height: 1.8;
    font-weight: 500;
    color: #2d3748 !important;
}

/* Starting crypto section text - DARK on light background */
.starting_crypto_sec_subtitle,
.starting_crypto_sec_subtitle strong,
.starting_crypto_sec_subtitle * {
    color: #2d3748 !important;
    line-height: 1.8;
    position: relative;
    z-index: 1;
}

.starting_crypto_sec_subtitle strong {
    color: #1a202c !important;
    font-weight: 700;
}

/* Cards inside starting_crypto_sec have white background, so dark text */
.starting_crypto_sec__item {
    background: #ffffff !important;
}

.starting_crypto_sec__item p {
    color: #1a202c !important;
}

.crypto_sec__item_title {
    color: #1a202c !important;
}

.crypto_sec__item_title span {
    color: #64748b !important;
}

.crypto_sec__item_descr {
    color: #4a5568 !important;
}

/* Benefits section - Enhanced with light background */
.crpt_benefits {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 40px !important;
    padding: 70px 0 50px 0 !important;
    margin-top: 60px !important;
    position: relative;
    z-index: 2;
}

@media (max-width: 992px) {
    .crpt_benefits {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 30px !important;
    }
}

@media (max-width: 768px) {
    .crpt_benefits {
        grid-template-columns: 1fr !important;
        gap: 25px !important;
        padding: 50px 0 40px 0 !important;
    }
}

.crpt_benefits__item {
    color: #1a202c !important;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9ff 100%) !important;
    border-radius: 28px !important;
    padding: 45px 35px !important;
    text-align: center !important;
    box-shadow: 0 6px 28px rgba(102, 126, 234, 0.15) !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border: 2px solid rgba(102, 126, 234, 0.1) !important;
    position: relative;
    overflow: hidden;
    animation: fadeInUp 0.8s ease-out;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.crpt_benefits__item:nth-child(1) {
    animation-delay: 0.1s;
}

.crpt_benefits__item:nth-child(2) {
    animation-delay: 0.2s;
}

.crpt_benefits__item:nth-child(3) {
    animation-delay: 0.3s;
}

.crpt_benefits__item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.03) 0%, rgba(118, 75, 162, 0.03) 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
}

.crpt_benefits__item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--purple-gradient);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s ease;
    z-index: 1;
}

.crpt_benefits__item:hover {
    transform: translateY(-12px) scale(1.02) !important;
    background: linear-gradient(135deg, #ffffff 0%, #f5f3ff 100%) !important;
    border-color: rgba(102, 126, 234, 0.3) !important;
    box-shadow: 0 16px 48px rgba(102, 126, 234, 0.25) !important;
}

.crpt_benefits__item:hover::before {
    opacity: 1;
}

.crpt_benefits__item:hover::after {
    transform: scaleX(1);
}

.crpt_benefits__item img {
    width: 90px !important;
    height: 90px !important;
    max-width: 90px !important;
    margin: 0 auto 25px auto !important;
    display: block !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    filter: drop-shadow(0 4px 16px rgba(102, 126, 234, 0.3)) !important;
    position: relative;
    z-index: 2;
}

.crpt_benefits__item:hover img {
    transform: scale(1.2) rotate(12deg) !important;
    filter: drop-shadow(0 8px 24px rgba(102, 126, 234, 0.4)) !important;
}

.crpt_benefits__item p {
    color: #1a202c !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.7 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative;
    z-index: 2;
    letter-spacing: -0.2px;
    text-align: center !important;
    max-width: 100% !important;
    display: block !important;
    width: 100% !important;
    text-align-last: center !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
}

/* Override max-width from main.css */
.crpt_benefits__item p,
.crpt_benefits__item p * {
    max-width: 100% !important;
    width: 100% !important;
}

/* Button after crpt_benefits - Enhanced styling */
.starting_crypto_sec .buy_kripto_button_snk {
    margin-top: 50px !important;
    margin-bottom: 40px !important;
    text-align: center !important;
    padding: 0 !important;
}

.starting_crypto_sec .buy_kripto_button_snk a {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    padding: 20px 60px !important;
    font-size: 19px !important;
}

/* Why storm description text improvements */
.why_storm_txt_descr__up {
    color: #1a202c !important;
    font-weight: 700;
}

/* Footer improvements - Light background to match landing style */
footer {
    background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 50%, #e0e7ff 100%) !important;
    background-color: #f8f9ff !important;
    position: relative;
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 40px !important;
    border-top: none !important;
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

/* Remove white line at the bottom of page */
body::after,
html::after,
footer::after {
    display: none !important;
    content: none !important;
}

body {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

html {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 50%, rgba(102, 126, 234, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(118, 75, 162, 0.08) 0%, transparent 50%);
    pointer-events: none;
    z-index: 0;
}

footer * {
    color: #1a202c !important;
    position: relative;
    z-index: 1;
}

footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
    color: #1a202c !important;
}

footer p,
footer a,
footer span {
    color: #2d3748 !important;
}

footer a:hover {
    color: #5D45DC !important;
}

footer img {
    filter: brightness(0) saturate(100%) invert(35%) sepia(89%) saturate(2384%) hue-rotate(239deg) brightness(96%) contrast(91%);
}

/* Change all white icons to purple - BUT EXCLUDE CRYPTO ICONS */
img[src*="one.png"],
img[src*="two.png"],
img[src*="three.png"],
img[src*="icon"]:not([src*="crypto"]),
img[alt*="icon"]:not([src*="crypto"]),
.advantages__item img:not([src*="crypto"]),
.pro_advantages__item img:not([src*="crypto"]),
svg {
    filter: brightness(0) saturate(100%) invert(35%) sepia(89%) saturate(2384%) hue-rotate(239deg) brightness(96%) contrast(91%) !important;
}

/* EXCLUDE cryptocurrency icons from color filters - keep original colors */
.starting_crypto_sec__item img,
.crpt_benefits__item img,
img[src*="cryptoicons"],
img[src*="cardano"],
img[src*="atom"],
img[src*="ethereum"],
img[src*="flow"],
img[src*="kava"],
img[src*="kusama"],
img[src*="mina"],
img[src*="dot"],
img[src*="solana"],
img[src*="polkadot"],
img[alt*="Cardano"],
img[alt*="Cosmos"],
img[alt*="Ethereum"],
img[alt*="Flow"],
img[alt*="Kava"],
img[alt*="Kusama"],
img[alt*="Mina"],
img[alt*="Polkadot"],
img[alt*="Solana"],
img[alt*="ADA"],
img[alt*="ATOM"],
img[alt*="ETH"],
img[alt*="FLOW"],
img[alt*="KAVA"],
img[alt*="KSM"],
img[alt*="MINA"],
img[alt*="DOT"],
img[alt*="SOL"] {
    filter: drop-shadow(0 2px 8px rgba(102, 126, 234, 0.2)) !important;
    -webkit-filter: drop-shadow(0 2px 8px rgba(102, 126, 234, 0.2)) !important;
}

/* SVG icons specifically */
svg path,
svg circle,
svg rect,
svg line,
svg polyline,
svg polygon {
    fill: #5D45DC !important;
    stroke: #5D45DC !important;
}

/* myRow_two section - LIGHT BACKGROUND with DARK TEXT */
.myRow_two {
    background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 50%, #f8f9ff 100%) !important;
    background-color: rgb(238, 236, 251) !important;
    background-image: url('../images/main_bg.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: relative;
    overflow: hidden;
    padding: 80px 0 0 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 80px !important;
    border-bottom: none !important;
}

/* Remove any white spaces between blocks */
.myRow_two + .tesler_descr_bottom {
    margin-top: 0 !important;
    padding-top: 80px !important;
}

.tesler_descr_bottom + footer {
    margin-top: 0 !important;
    padding-top: 40px !important;
}

.myRow_two::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        linear-gradient(135deg, #f5f3ff 0%, #ede9fe 50%, #e0e7ff 100%),
        radial-gradient(circle at 20% 50%, rgba(102, 126, 234, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(118, 75, 162, 0.15) 0%, transparent 50%);
    opacity: 0.7;
    pointer-events: none;
    z-index: 0;
}

.myRow_two::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 50%, rgba(102, 126, 234, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(118, 75, 162, 0.15) 0%, transparent 50%);
    pointer-events: none;
    z-index: 1;
}

/* All text should be dark on light background */
.myRow_two > .container > *:not(.registWrap__form):not(form) {
    color: #1a202c !important;
    position: relative;
    z-index: 2;
}

/* Ensure form container is above background */
.myRow_two .container {
    position: relative;
    z-index: 2;
}

.myRow_two .second_bldcf_cont {
    position: relative;
    z-index: 2;
}

/* Ensure form stays with light background and DARK text */
.myRow_two .registWrap__form,
.myRow_two .registWrap__form .blur__content,
.myRow_two .registWrap__form .form-fake__title,
.myRow_two form,
.myRow_two form input,
.myRow_two .privacy-checkbox,
.myRow_two .privacy-checkbox p,
.myRow_two .privacy-checkbox_main,
.myRow_two .privacy-checkbox_main p {
    color: #2d3748 !important;
    position: relative;
    z-index: 1;
}

.myRow_two .registWrap__form .privacy-checkbox a,
.myRow_two .registWrap__form .privacy-checkbox_main a {
    color: #5D45DC !important;
}

/* Override ALL dark backgrounds from main.css and other CSS files */
.trade_like,
.unlimited_slider,
.step_way,
.our_members,
[class*="background-color: #000"],
section[style*="background-color: #000"],
*[style*="background-color: #000"],
*[style*="background: #000"],
*[style*="background-color: rgb(0"],
*[style*="background: rgb(0"] {
    background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 50%, #f8f9ff 100%) !important;
    background-color: #f8f9ff !important;
    background-image: none !important;
    color: #1a202c !important;
    position: relative;
}

.trade_like::before,
.unlimited_slider::before,
.step_way::before,
.our_members::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 50%, rgba(102, 126, 234, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(118, 75, 162, 0.08) 0%, transparent 50%);
    pointer-events: none;
    z-index: 0;
}

.trade_like *,
.unlimited_slider *,
.step_way *,
.our_members *,
[class*="background-color: #000"] *,
section[style*="background-color: #000"] *,
*[style*="background-color: #000"] *,
*[style*="background: #000"] *,
*[style*="background-color: rgb(0"] *,
*[style*="background: rgb(0"] * {
    color: #1a202c !important;
    position: relative;
    z-index: 1;
}

.trade_like__descr,
.unlimited_slider h2,
.unlimited_slider .tab-content,
.unlimited_slider .tab_content,
.step_way h2,
.step_way p,
.our_members h2,
.our_members p {
    color: #2d3748 !important;
}

.unlimited_slider .wrapper h2 {
    background: var(--purple-gradient);
}

/* CRITICAL OVERRIDE - Ensure subscribeBtn is always purple gradient */
body .registWrap__form .blur__content .f_form .col-xs-12 input.subscribeBtn,
body .registWrap__form .blur__content .f_form .col-xs-12 input[type="submit"].subscribeBtn,
body form.f_form .col-xs-12 input.subscribeBtn,
body form.f_form .col-xs-12 input[type="submit"].subscribeBtn,
.registWrap__form .blur__content .f_form .col-xs-12 input.subscribeBtn,
.registWrap__form .blur__content .f_form .col-xs-12 input[type="submit"].subscribeBtn,
form.f_form .col-xs-12 input.subscribeBtn,
form.f_form .col-xs-12 input[type="submit"].subscribeBtn {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    width: 100% !important;
    padding: 18px 48px !important;
    padding-left: 48px !important;
    padding-right: 48px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    box-shadow: 0 8px 24px rgba(102, 126, 234, 0.4) !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
    display: block !important;
    text-align: center !important;
    min-height: auto !important;
    margin: 0 auto !important;
    margin-top: 0 !important;
    text-indent: 0 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

.tab-container .tab-item {
    color: #1a202c !important;
}

.tab-container .tab-item.active {
    background: #ffffff !important;
    color: #5D45DC !important;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.2);
}

.tab_content,
.tab_content .tab_item {
    color: #2d3748 !important;
}

/* Unified button style - All buttons in purple gradient theme */
.main_screen__item .main_screen__item_btn a,
.buy_kripto_button a,
.buy_kripto_button_snk a,
.subscribeBtn,
input.subscribeBtn,
input[type="submit"].subscribeBtn,
input.subscribeBtn[type="submit"],
.f_form .subscribeBtn,
form .subscribeBtn,
form.f_form .subscribeBtn,
.registWrap__form .subscribeBtn,
.registWrap__form form .subscribeBtn,
.registWrap__form .f_form .subscribeBtn,
.col-xs-12 .subscribeBtn,
form .col-xs-12 .subscribeBtn,
.f_form input.subscribeBtn,
.f_form input[type="submit"].subscribeBtn,
form.f_form input.subscribeBtn,
form.f_form input[type="submit"].subscribeBtn,
.registWrap__form .f_form input.subscribeBtn,
.registWrap__form .f_form input[type="submit"].subscribeBtn,
.our_members .our_members__item_btn a,
button[type="submit"],
.form__button,
.default_btn,
.btn,
a.btn,
[class*="button"] a:not(.tab-item),
[class*="btn"] a:not(.tab-item) {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    background-color: transparent !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    box-shadow: 0 8px 24px rgba(102, 126, 234, 0.4) !important;
    transition: var(--transition-normal) !important;
    padding: 18px 48px !important;
    padding-left: 48px !important;
    padding-right: 48px !important;
    display: block !important;
    text-decoration: none !important;
    cursor: pointer !important;
    position: relative !important;
    overflow: hidden !important;
    text-align: center !important;
    min-height: auto !important;
    margin: 0 auto !important;
    text-indent: 0 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

.main_screen__item .main_screen__item_btn a::before,
.buy_kripto_button a::before,
.buy_kripto_button_snk a::before,
.subscribeBtn::before,
.our_members .our_members__item_btn a::before,
button[type="submit"]::before,
.form__button::before,
.default_btn::before,
.btn::before,
a.btn::before,
[class*="button"] a:not(.tab-item)::before,
[class*="btn"] a:not(.tab-item)::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.6s;
    z-index: 1;
}

.main_screen__item .main_screen__item_btn a::after,
.buy_kripto_button a::after,
.buy_kripto_button_snk a::after,
.subscribeBtn::after,
.our_members .our_members__item_btn a::after,
button[type="submit"]::after,
.form__button::after,
.default_btn::after,
.btn::after,
a.btn::after,
[class*="button"] a:not(.tab-item)::after,
[class*="btn"] a:not(.tab-item)::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
    z-index: 0;
}

.main_screen__item .main_screen__item_btn a:hover,
.buy_kripto_button a:hover,
.buy_kripto_button_snk a:hover,
.subscribeBtn:hover,
.our_members .our_members__item_btn a:hover,
button[type="submit"]:hover,
.form__button:hover,
.default_btn:hover,
.btn:hover,
a.btn:hover,
[class*="button"] a:not(.tab-item):hover,
[class*="btn"] a:not(.tab-item):hover {
    transform: translateY(-5px) scale(1.02) !important;
    box-shadow: 0 12px 32px rgba(102, 126, 234, 0.5) !important;
    opacity: 1 !important;
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%) !important;
}

.main_screen__item .main_screen__item_btn a:hover::before,
.buy_kripto_button a:hover::before,
.buy_kripto_button_snk a:hover::before,
.subscribeBtn:hover::before,
.our_members .our_members__item_btn a:hover::before,
button[type="submit"]:hover::before,
.form__button:hover::before,
.default_btn:hover::before,
.btn:hover::before,
a.btn:hover::before,
[class*="button"] a:not(.tab-item):hover::before,
[class*="btn"] a:not(.tab-item):hover::before {
    left: 100%;
}

.main_screen__item .main_screen__item_btn a:hover::after,
.buy_kripto_button a:hover::after,
.buy_kripto_button_snk a:hover::after,
.subscribeBtn:hover::after,
.our_members .our_members__item_btn a:hover::after,
button[type="submit"]:hover::after,
.form__button:hover::after,
.default_btn:hover::after,
.btn:hover::after,
a.btn:hover::after,
[class*="button"] a:not(.tab-item):hover::after,
[class*="btn"] a:not(.tab-item):hover::after {
    width: 300px;
    height: 300px;
}

.main_screen__item .main_screen__item_btn a:active,
.buy_kripto_button a:active,
.buy_kripto_button_snk a:active,
.subscribeBtn:active,
.our_members .our_members__item_btn a:active,
button[type="submit"]:active,
.form__button:active,
.default_btn:active,
.btn:active,
a.btn:active,
[class*="button"] a:not(.tab-item):active,
[class*="btn"] a:not(.tab-item):active {
    transform: translateY(-2px) scale(0.98) !important;
}

.main_screen__item .main_screen__item_btn a *,
.buy_kripto_button a *,
.buy_kripto_button_snk a *,
.subscribeBtn *,
.our_members .our_members__item_btn a *,
button[type="submit"] *,
.form__button *,
.default_btn *,
.btn *,
a.btn *,
[class*="button"] a *,
[class*="btn"] a * {
    color: #ffffff !important;
    position: relative;
    z-index: 2;
    text-decoration: none !important;
}

/* FAQ Cards - pro_subinfo_cont - LIGHT BACKGROUND */
.pro_subinfo_cont__item {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9ff 100%) !important;
    background-color: #ffffff !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 20px rgba(102, 126, 234, 0.1) !important;
    border: 2px solid rgba(102, 126, 234, 0.15) !important;
    padding: 8px !important;
    transition: var(--transition-normal);
}

.pro_subinfo_cont__item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(102, 126, 234, 0.2) !important;
    border-color: rgba(102, 126, 234, 0.3) !important;
}

.pro_subinfo_cont__item2 {
    background: linear-gradient(135deg, #ffffff 0%, #f5f3ff 100%) !important;
    background-color: #ffffff !important;
    border-radius: 16px !important;
    padding: 24px 20px !important;
}

.pro_subinfo_cont__item2 *,
.pro_subinfo_cont__item * {
    color: #1a202c !important;
    position: relative;
    z-index: 1;
}

.pro_subinfo_cont__item .subinfo_cont__item_title {
    color: #1a202c !important;
    background: var(--purple-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 800 !important;
    font-size: 16px !important;
    padding-bottom: 20px !important;
}

.pro_subinfo_cont__item .subinfo_cont__item_descr {
    color: #2d3748 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}

.storm_pro_subinfo_cont {
    position: relative;
    z-index: 1;
}

.storm_pro_subinfo_cont .pro_subinfo_cont__item {
    margin-bottom: 20px;
}