:root {
    --primary-dark: #0a0f1a;
    --secondary-dark: #1a1f2e;
    --christmas-red: #d40000;
    --christmas-green: #00aa44;
    --christmas-gold: #ffcc00;
    --snow-white: #f0f8ff;
    --text-light: #E0E0E0;
    --text-muted: #8E8E9E;
}

body {
    font-family: 'Rajdhani', sans-serif;
    background: linear-gradient(135deg, var(--primary-dark) 0%, #0d1525 100%);
    color: var(--text-light);
    line-height: 1.6;
    min-height: 100vh;
    overflow-x: hidden;
    position: relative;
}

/*  crypto*/


/* Новогодний снег 
.snowflakes {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -1;
}

.snowflake {
    position: absolute;
    background: white;
    border-radius: 50%;
    opacity: 0.8;
    animation: snowfall linear infinite;
}

@keyframes snowfall {
    0% {
        transform: translateY(-100px) rotate(0deg);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        transform: translateY(100vh) rotate(360deg);
        opacity: 0;
    }
}
*/
/* Новогодние украшения */
.christmas-decoration {
    position: fixed;
    z-index: -1;
    opacity: 0.1;
    font-size: 2rem;
}

.decoration-1  { top: 7%;   left: 12%;  animation: float 5.3s ease-in-out infinite 0.4s;  transform: scale(0.9) rotate(12deg); }
.decoration-2  { top: 63%;  left: 81%;  animation: float 8.7s ease-in-out infinite 1.1s;  transform: scale(1.2) rotate(-8deg); }
.decoration-3  { top: 28%;  left: 54%;  animation: float 6.1s ease-in-out infinite 2.7s;  transform: scale(0.8) rotate(22deg); }
.decoration-4  { top: 74%;  left: 18%;  animation: float 9.4s ease-in-out infinite 0.9s;  transform: scale(1.1) rotate(-15deg); }
.decoration-5  { top: 41%;  left: 72%;  animation: float 7.8s ease-in-out infinite 3.3s;  transform: scale(1.3) rotate(5deg); }
.decoration-6  { top: 88%;  left: 37%;  animation: float 10.2s ease-in-out infinite 1.8s; transform: scale(0.7) rotate(-27deg); }
.decoration-7  { top: 15%;  left: 67%;  animation: float 6.9s ease-in-out infinite 4.1s;  transform: scale(1.0) rotate(18deg); }
.decoration-8  { top: 52%;  left: 9%;   animation: float 8.3s ease-in-out infinite 2.4s;  transform: scale(1.4) rotate(-11deg); }
.decoration-9  { top: 34%;  left: 83%;  animation: float 5.7s ease-in-out infinite 0.6s;  transform: scale(0.85) rotate(30deg); }
.decoration-10 { top: 91%;  left: 58%;  animation: float 11.1s ease-in-out infinite 3.9s; transform: scale(1.2) rotate(-6deg); }
.decoration-11 { top: 3%;   left: 46%;  animation: float 7.4s ease-in-out infinite 1.5s;  transform: scale(1.05) rotate(9deg); }
.decoration-12 { top: 67%;  left: 29%;  animation: float 9.6s ease-in-out infinite 2.2s;  transform: scale(0.95) rotate(-19deg); }
.decoration-13 { top: 12%;  left: 91%;  animation: float 6.8s ease-in-out infinite 1.3s;  transform: scale(0.8) rotate(14deg); }
.decoration-14 { top: 47%;  left: 3%;   animation: float 9.9s ease-in-out infinite 2.6s;  transform: scale(1.3) rotate(-21deg); }
.decoration-15 { top: 82%;  left: 64%;  animation: float 7.1s ease-in-out infinite 0.7s;  transform: scale(1.1) rotate(33deg); }
.decoration-16 { top: 5%;   left: 73%;  animation: float 10.4s ease-in-out infinite 3.2s; transform: scale(0.9) rotate(-12deg); }
.decoration-17 { top: 58%;  left: 44%;  animation: float 8.6s ease-in-out infinite 1.9s;  transform: scale(1.4) rotate(6deg); }
.decoration-18 { top: 36%;  left: 22%;  animation: float 5.9s ease-in-out infinite 4.4s;  transform: scale(0.7) rotate(-28deg); }
.decoration-19 { top: 69%;  left: 87%;  animation: float 11.2s ease-in-out infinite 0.5s; transform: scale(1.2) rotate(19deg); }
.decoration-20 { top: 93%;  left: 11%;  animation: float 7.7s ease-in-out infinite 2.1s;  transform: scale(0.85) rotate(-9deg); }
.decoration-21 { top: 26%;  left: 39%;  animation: float 9.1s ease-in-out infinite 3.7s;  transform: scale(1.05) rotate(25deg); }
.decoration-22 { top: 14%;  left: 58%;  animation: float 6.3s ease-in-out infinite 1.4s;  transform: scale(1.15) rotate(-17deg); }
.decoration-23 { top: 76%;  left: 52%;  animation: float 8.8s ease-in-out infinite 2.9s;  transform: scale(0.95) rotate(11deg); }
.decoration-24 { top: 31%;  left: 97%;  animation: float 10.7s ease-in-out infinite 0.8s; transform: scale(1.25) rotate(-4deg); }
.decoration-25 { top: 44%;  left: 16%;  animation: float 5.5s ease-in-out infinite 3.5s;  transform: scale(0.75) rotate(29deg); }
.decoration-26 { top: 89%;  left: 33%;  animation: float 9.3s ease-in-out infinite 1.6s;  transform: scale(1.35) rotate(-23deg); }
.decoration-27 { top: 2%;   left: 25%;  animation: float 7.9s ease-in-out infinite 4.0s;  transform: scale(0.9) rotate(7deg); }
.decoration-28 { top: 61%;  left: 70%;  animation: float 6.6s ease-in-out infinite 2.3s;  transform: scale(1.1) rotate(-31deg); }
.decoration-29 { top: 53%;  left: 95%;  animation: float 10.1s ease-in-out infinite 0.9s; transform: scale(0.8) rotate(16deg); }
.decoration-30 { top: 18%;  left: 47%;  animation: float 8.2s ease-in-out infinite 3.1s;  transform: scale(1.45) rotate(-14deg); }
.decoration-31 { top: 72%;  left: 6%;   animation: float 6.4s ease-in-out infinite 1.7s;  transform: scale(0.85) rotate(21deg); }
.decoration-32 { top: 39%;  left: 60%;  animation: float 9.8s ease-in-out infinite 2.8s;  transform: scale(1.2) rotate(-18deg); }
.decoration-33 { top: 9%;   left: 34%;  animation: float 6.2s ease-in-out infinite 0.8s;  transform: scale(0.9)  rotate(17deg); }
.decoration-34 { top: 22%;  left: 88%;  animation: float 9.5s ease-in-out infinite 2.4s;  transform: scale(1.3)  rotate(-9deg); }
.decoration-35 { top: 57%;  left: 14%;  animation: float 7.1s ease-in-out infinite 3.6s;  transform: scale(0.8)  rotate(28deg); }
.decoration-36 { top: 81%;  left: 76%;  animation: float 10.8s ease-in-out infinite 1.1s; transform: scale(1.2)  rotate(-22deg); }
.decoration-37 { top: 35%;  left: 49%;  animation: float 5.8s ease-in-out infinite 4.2s;  transform: scale(1.45) rotate(6deg); }
.decoration-38 { top: 66%;  left: 92%;  animation: float 8.9s ease-in-out infinite 0.6s;  transform: scale(0.75) rotate(19deg); }
.decoration-39 { top: 4%;   left: 62%;  animation: float 7.6s ease-in-out infinite 2.0s;  transform: scale(1.1)  rotate(-15deg); }
.decoration-40 { top: 48%;  left: 27%;  animation: float 9.9s ease-in-out infinite 1.7s;  transform: scale(0.95) rotate(33deg); }
.decoration-41 { top: 73%;  left: 41%;  animation: float 6.7s ease-in-out infinite 3.1s;  transform: scale(1.25) rotate(-6deg); }
.decoration-42 { top: 90%;  left: 55%;  animation: float 11.4s ease-in-out infinite 0.9s; transform: scale(0.85) rotate(24deg); }
.decoration-43 { top: 13%;  left: 6%;   animation: float 8.1s ease-in-out infinite 4.0s;  transform: scale(1.35) rotate(-27deg); }
.decoration-44 { top: 29%;  left: 71%;  animation: float 5.6s ease-in-out infinite 2.7s;  transform: scale(0.8)  rotate(12deg); }
.decoration-45 { top: 51%;  left: 58%;  animation: float 10.2s ease-in-out infinite 1.3s; transform: scale(1.05) rotate(-18deg); }
.decoration-46 { top: 64%;  left: 20%;  animation: float 7.9s ease-in-out infinite 3.8s;  transform: scale(1.4)  rotate(9deg); }
.decoration-47 { top: 86%;  left: 9%;   animation: float 9.2s ease-in-out infinite 0.7s;  transform: scale(0.7)  rotate(-31deg); }
.decoration-48 { top: 3%;   left: 96%;  animation: float 6.9s ease-in-out infinite 2.2s;  transform: scale(1.15) rotate(21deg); }
.decoration-49 { top: 40%;  left: 83%;  animation: float 8.4s ease-in-out infinite 1.9s;  transform: scale(0.9)  rotate(-7deg); }
.decoration-50 { top: 78%;  left: 63%;  animation: float 10.9s ease-in-out infinite 3.3s; transform: scale(1.3)  rotate(26deg); }
.decoration-51 { top: 19%;  left: 46%;  animation: float 5.7s ease-in-out infinite 0.5s;  transform: scale(0.85) rotate(-20deg); }
.decoration-52 { top: 55%;  left: 37%;  animation: float 9.7s ease-in-out infinite 2.9s;  transform: scale(1.2)  rotate(14deg); }
.decoration-53 { top: 92%;  left: 80%;  animation: float 7.3s ease-in-out infinite 1.6s;  transform: scale(0.95) rotate(-12deg); }
.decoration-54 { top: 25%;  left: 30%;  animation: float 11.0s ease-in-out infinite 4.4s; transform: scale(1.4)  rotate(8deg); }
.decoration-55 { top: 60%;  left: 74%;  animation: float 6.1s ease-in-out infinite 2.6s;  transform: scale(0.8)  rotate(-24deg); }
.decoration-56 { top: 33%;  left: 11%;  animation: float 8.6s ease-in-out infinite 1.2s;  transform: scale(1.1)  rotate(30deg); }
.decoration-57 { top: 70%;  left: 52%;  animation: float 10.5s ease-in-out infinite 3.9s; transform: scale(1.25) rotate(-10deg); }
.decoration-58 { top: 11%;  left: 77%;  animation: float 7.8s ease-in-out infinite 0.9s;  transform: scale(0.75) rotate(23deg); }
.decoration-59 { top: 46%;  left: 66%;  animation: float 9.1s ease-in-out infinite 2.1s;  transform: scale(1.45) rotate(-16deg); }
.decoration-60 { top: 84%;  left: 24%;  animation: float 6.5s ease-in-out infinite 4.1s;  transform: scale(0.9)  rotate(11deg); }
.decoration-61 { top: 16%;  left: 57%;  animation: float 10.0s ease-in-out infinite 1.8s; transform: scale(1.2)  rotate(-28deg); }
.decoration-62 { top: 62%;  left: 5%;   animation: float 8.0s ease-in-out infinite 3.0s;  transform: scale(1.35) rotate(7deg); }



@keyframes float {
    0%, 100% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(180deg); }
}
/* Новогодние украшения */
#monero-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    opacity: 0.08;
    overflow: hidden;
}

.monero-particle {
    position: absolute;
    width: 3px;
    height: 3px;
    background: linear-gradient(45deg, var(--christmas-red), var(--christmas-gold));
    border-radius: 50%;
    opacity: 0.7;
    animation: float 15s infinite linear;
}

.monero-logo-bg {
    position: absolute;
    opacity: 0.03;
    animation: pulse 30s infinite alternate;
    filter: hue-rotate(120deg);
}

@keyframes pulse {
    0% { transform: scale(1) rotate(0deg); opacity: 0.03; }
    50% { opacity: 0.08; }
    100% { transform: scale(1.2) rotate(5deg); opacity: 0.03; }
}

.navbar {
    background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(42, 21, 21, 0.9) 100%) !important;
    backdrop-filter: blur(10px);
    border-bottom: 2px solid var(--christmas-green);
    box-shadow: 0 2px 20px rgba(0, 170, 68, 0.3);
}

.navbar-brand {
    font-weight: 700;
    font-size: 1.8rem;
    background: linear-gradient(45deg, var(--christmas-gold), var(--christmas-red));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 1px;
}

.nav-link {
    color: var(--text-light) !important;
    font-weight: 500;
    transition: all 0.3s;
    position: relative;
}

.nav-link:hover {
    color: var(--christmas-gold) !important;
}

.exchange-container {
    max-width: 600px;
    margin: 40px auto;
    background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(21, 42, 26, 0.9) 100%);
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4),
                0 0 30px rgba(212, 0, 0, 0.1),
                0 0 60px rgba(0, 170, 68, 0.1);
    padding: 40px;
    position: relative;
    z-index: 1;
    backdrop-filter: blur(10px);
    border: 2px solid transparent;
    background-clip: padding-box;
    position: relative;
    overflow: hidden;
}

.exchange-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    padding: 2px;
    background: linear-gradient(45deg, var(--christmas-red), var(--christmas-green), var(--christmas-gold));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

.exchange-header {
    text-align: center;
    margin-bottom: 30px;
}

.exchange-header h2 {
    font-weight: 700;
    background: linear-gradient(45deg, var(--christmas-gold), var(--christmas-red));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
    text-shadow: 0 0 10px rgba(255, 204, 0, 0.3);
}

.exchange-header p {
    color: var(--snow-white);
    font-size: 1rem;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}

.form-group {
    margin-bottom: 25px;
    position: relative;
}

.form-label {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
    background: linear-gradient(45deg, var(--christmas-gold), var(--christmas-green));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
}

.form-control, .form-select {
    height: 56px;
    border-radius: 12px;
    border: 2px solid #334455;
    padding: 0 20px;
    font-size: 1rem;
    transition: all 0.3s;
    background: linear-gradient(135deg, rgba(40, 40, 60, 0.8) 0%, rgba(30, 50, 40, 0.8) 100%);
    color: var(--text-light);
}

.form-control:focus, .form-select:focus {
    border-color: var(--christmas-gold);
    box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.3),
                inset 0 0 10px rgba(255, 204, 0, 0.1);
    background: linear-gradient(135deg, rgba(50, 50, 70, 0.9) 0%, rgba(40, 60, 50, 0.9) 100%);
    color: var(--snow-white);
}

/* Стили для меню выбора Receive валюты */
.receive-select-wrapper {
    position: relative;
}

.receive-select-trigger {
    height: 56px;
    border-radius: 12px;
    border: 2px solid #334455;
    padding: 0 60px 0 20px;
    font-size: 1rem;
    transition: all 0.3s;
    background: linear-gradient(135deg, rgba(40, 40, 60, 0.8) 0%, rgba(30, 50, 40, 0.8) 100%);
    color: var(--text-light);
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.receive-select-trigger:hover {
    border-color: var(--christmas-gold);
}

.receive-select-trigger.active {
    border-color: var(--christmas-gold);
    box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.3);
}

.receive-select-trigger::after {
    content: '▼';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--christmas-gold);
    font-size: 0.8rem;
    transition: transform 0.3s;
}

.receive-select-trigger.active::after {
    transform: translateY(-50%) rotate(180deg);
}

.receive-select-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: linear-gradient(135deg, rgba(40, 40, 60, 0.95) 0%, rgba(30, 50, 40, 0.95) 100%);
    border: 2px solid var(--christmas-gold);
    border-top: none;
    border-radius: 0 0 12px 12px;
    max-height: 300px;
    overflow-y: auto;
    z-index: 1000;
    display: none;
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

.receive-select-dropdown.active {
    display: block;
}

.receive-option {
    padding: 15px 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s;
    border-bottom: 1px solid rgba(255, 204, 0, 0.1);
}

.receive-option:last-child {
    border-bottom: none;
}

.receive-option:hover {
    background: linear-gradient(135deg, rgba(212, 0, 0, 0.2) 0%, rgba(0, 170, 68, 0.2) 100%);
}

.receive-option.selected {
    background: linear-gradient(135deg, var(--christmas-red), var(--christmas-green));
}

.receive-option-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 15px;
    border: 2px solid var(--christmas-gold);
    flex-shrink: 0;
}

.receive-option-info {
    flex: 1;
}

.receive-option-name {
    font-weight: 600;
    color: var(--snow-white);
    margin-bottom: 2px;
}

.receive-option-details {
    font-size: 0.8rem;
    color: var(--text-muted);
}

.receive-option-fee {
    background: linear-gradient(45deg, var(--christmas-gold), var(--christmas-red));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    font-size: 0.9rem;
    margin-left: 10px;
}

.token-icon {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    z-index: 2;
    border-radius: 50%;
    border: 2px solid var(--christmas-gold);
    box-shadow: 0 0 10px rgba(255, 204, 0, 0.5);
}

.btn-exchange {
    width: 100%;
    height: 56px;
    border-radius: 15px;
    font-weight: 700;
    background: linear-gradient(135deg, var(--christmas-red), var(--christmas-green));
    border: none;
    margin-top: 20px;
    font-size: 1.1rem;
    transition: all 0.3s;
    color: white;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(212, 0, 0, 0.4);
}

.btn-exchange:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(212, 0, 0, 0.6),
                0 0 20px rgba(255, 204, 0, 0.4);
    background: linear-gradient(135deg, var(--christmas-green), var(--christmas-red));
}

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

.btn-exchange::before {
    content: '⚡';
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.2rem;
}

.btn-exchange::after {
    content: '✨';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.2rem;
}

.rate-info {
    font-size: 0.95rem;
    background: linear-gradient(135deg, rgba(212, 0, 0, 0.1) 0%, rgba(0, 170, 68, 0.1) 100%);
    color: var(--christmas-gold);
    text-align: center;
    margin: 20px 0;
    padding: 15px;
    border-radius: 12px;
    border: 1px solid rgba(255, 204, 0, 0.3);
    font-weight: 600;
    text-shadow: 0 0 5px rgba(255, 204, 0, 0.3);
}

.list-group-item {
    background: linear-gradient(135deg, rgba(40, 40, 60, 0.8) 0%, rgba(30, 50, 40, 0.8) 100%);
    color: var(--text-light);
    border: 2px solid #334455;
    margin-bottom: 8px;
    border-radius: 10px !important;
    transition: all 0.3s;
}

.list-group-item:hover {
    background: linear-gradient(135deg, rgba(212, 0, 0, 0.2) 0%, rgba(0, 170, 68, 0.2) 100%);
    border-color: var(--christmas-gold);
    transform: translateX(5px);
}

.list-group-item.active {
    background: linear-gradient(135deg, var(--christmas-red), var(--christmas-green));
    border-color: var(--christmas-gold);
    color: white;
    box-shadow: 0 0 15px rgba(255, 204, 0, 0.5);
}

.alert {
    border-radius: 12px;
    border: 2px solid transparent;
    background: linear-gradient(135deg, rgba(212, 0, 0, 0.1) 0%, rgba(255, 204, 0, 0.1) 100%);
}

.amount-tabs {
    display: flex;
    margin-bottom: 10px;
    border-bottom: 2px solid rgba(255, 204, 0, 0.3);
    background: rgba(40, 40, 60, 0.5);
    border-radius: 10px 10px 0 0;
    padding: 5px;
}

.amount-tab {
    flex: 1;
    padding: 12px 16px;
    cursor: pointer;
    color: var(--text-muted);
    border-radius: 8px;
    transition: all 0.3s;
    text-align: center;
    font-weight: 600;
}

.amount-tab.active {
    background: linear-gradient(135deg, var(--christmas-red), var(--christmas-green));
    color: white;
    box-shadow: 0 2px 10px rgba(255, 204, 0, 0.3);
}

.amount-input-container {
    position: relative;
}

.amount-input {
    padding-left: 110px !important;
    background: linear-gradient(135deg, rgba(50, 50, 70, 0.8) 0%, rgba(40, 60, 50, 0.8) 100%);
    border: 2px solid rgba(255, 204, 0, 0.3);
}

.amount-currency {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--christmas-gold);
    font-weight: 700;
    text-shadow: 0 0 5px rgba(255, 204, 0, 0.5);
}

.captcha-container {
    background: linear-gradient(135deg, rgba(40, 40, 60, 0.9) 0%, rgba(30, 50, 40, 0.9) 100%);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
    border: 2px solid rgba(255, 204, 0, 0.3);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.captcha-question {
    font-size: 1.3rem;
    font-weight: 700;
    background: linear-gradient(45deg, var(--christmas-gold), var(--christmas-red));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    margin-bottom: 15px;
}

.captcha-input {
    background: linear-gradient(135deg, rgba(30, 30, 50, 0.9) 0%, rgba(20, 40, 30, 0.9) 100%) !important;
    color: var(--snow-white) !important;
    border: 2px solid rgba(255, 204, 0, 0.5) !important;
}

.captcha-input:focus {
    border-color: var(--christmas-gold) !important;
    box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.3) !important;
}

.language-switcher {
    position: relative;
    margin-left: 15px;
}

.language-btn {
    background: transparent;
    border: none;
    color: var(--text-light);
    font-weight: 500;
    padding: 8px 12px;
    border-radius: 8px;
    transition: all 0.3s;
}

.language-btn:hover {
    background: linear-gradient(135deg, var(--christmas-red), var(--christmas-green));
    color: white;
}

.language-btn.active {
    background: linear-gradient(135deg, var(--christmas-gold), var(--christmas-red));
    color: white;
    font-weight: 600;
}

.rate-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    font-size: 0.9rem;
    padding: 5px 0;
    border-bottom: 1px solid rgba(255, 204, 0, 0.2);
}

.rate-row.small {
    font-size: 0.8rem;
    color: var(--snow-white);
    opacity: 0.8;
}

.contacts-container {
    background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(21, 42, 26, 0.9) 100%);
    border-radius: 15px;
    padding: 25px;
    margin: 30px auto;
    max-width: 600px;
    text-align: center;
    border: 2px solid transparent;
    background-clip: padding-box;
    position: relative;
}

.contacts-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 15px;
    padding: 2px;
    background: linear-gradient(45deg, var(--christmas-red), var(--christmas-green));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

.contact-item {
    margin: 15px 0;
    font-size: 1rem;
    font-weight: 600;
}

.contact-item a {
    background: linear-gradient(45deg, var(--christmas-gold), var(--christmas-green));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: none;
    transition: all 0.3s;
    position: relative;
}

.contact-item a:hover {
    text-shadow: 0 0 10px rgba(255, 204, 0, 0.5);
    text-decoration: none;
}

.contact-item a::after {
    content: '🎁';
    margin-left: 5px;
}

/* Новогодние особенности */
.features-section {
    position: relative;
}

.feature-card {
    background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(21, 42, 26, 0.9) 100%);
    border-radius: 15px;
    padding: 30px 20px;
    text-align: center;
    border: 2px solid transparent;
    background-clip: padding-box;
    position: relative;
    transition: all 0.3s;
    height: 100%;
}

.feature-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 15px;
    padding: 2px;
    background: linear-gradient(45deg, var(--christmas-red), var(--christmas-gold), var(--christmas-green));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

.feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(212, 0, 0, 0.3),
                0 0 30px rgba(0, 170, 68, 0.2);
}

.feature-icon {
    font-size: 3rem;
    margin-bottom: 20px;
    background: linear-gradient(45deg, var(--christmas-gold), var(--christmas-red));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.feature-title {
    color: var(--christmas-gold);
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 1.3rem;
}

.feature-text {
    color: var(--snow-white);
    line-height: 1.6;
}

/* Адаптивность */
@media (max-width: 768px) {
    .exchange-container {
        margin: 20px 15px;
        padding: 25px 20px;
    }
    
    .btn-exchange::before,
    .btn-exchange::after {
        display: none;
    }
    
    .receive-option {
        padding: 12px 15px;
    }
    
    .receive-option-icon {
        width: 28px;
        height: 28px;
        margin-right: 10px;
    }
}

/* Анимация мигающих огоньков */
@keyframes twinkle {
    0%, 100% { opacity: 0.3; }
    50% { opacity: 1; }
}

.twinkle {
    animation: twinkle 2s ease-in-out infinite;
}

/* Скрытие стандартного select */
.hidden-select {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}