:root{--color-background:#0B1426;--color-text:#F0F4F8;--color-primary:#87CEEB;--color-secondary:#4682B4;--color-dark:#1C2B3A;--color-dark-lighter:#2C3E50;--color-dark-medium:#34495E;--color-card-bg:#162332;--color-article-title:#B0E0E6;--color-article-text:#D3D3D3;--color-feature-hover:#3C5A78;--color-card-overlay:rgba(176,224,230,0.08);--gradient-primary:linear-gradient(135deg,#87CEEB 0%,#4682B4 50%,#2F4F4F 100%);--gradient-feature:linear-gradient(135deg,#1C2B3A 0%,#2C3E50 50%,#34495E 100%);--gradient-mountain:linear-gradient(180deg,#0B1426 0%,#1C2B3A 30%,#2C3E50 100%);--gradient-snow:linear-gradient(45deg,#F0F8FF 0%,#E6F3FF 25%,#DDEEFF 50%,#B0E0E6 100%);--gradient-ice:linear-gradient(90deg,#87CEEB 0%,#5F9EA0 50%,#4682B4 100%);--gradient-aurora:linear-gradient(135deg,#4682B4 0%,#6495ED 25%,#87CEEB 50%,#B0C4DE 75%,#F0F8FF 100%)}body{background:var(--gradient-mountain)}h1,h2,h3,h4{background:var(--gradient-snow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(176,224,230,0.3)}h1{text-shadow:0 0 30px rgba(176,224,230,0.5),0 0 60px rgba(135,206,235,0.3)}h2{background:var(--gradient-aurora);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar{background:linear-gradient(180deg,rgba(11,20,38,0.95) 0%,rgba(28,43,58,0.9) 100%);backdrop-filter:blur(10px);border-bottom:1px solid rgba(135,206,235,0.2)}.navbar a:hover{color:var(--color-primary);text-shadow:0 0 10px rgba(135,206,235,0.5)}.header{background:var(--gradient-mountain);position:relative}.header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center top,rgba(135,206,235,0.1) 0%,transparent 60%);pointer-events:none}.header-text p{text-shadow:0 0 20px rgba(176,224,230,0.4)}.about{background:linear-gradient(135deg,rgba(28,43,58,0.3) 0%,rgba(44,62,80,0.2) 100%);border-radius:var(--border-radius-lg);backdrop-filter:blur(5px);border:1px solid rgba(135,206,235,0.1)}.feature-card{background:linear-gradient(135deg,rgba(28,43,58,0.8) 0%,rgba(44,62,80,0.6) 100%);border:1px solid rgba(135,206,235,0.2);backdrop-filter:blur(8px);box-shadow:0 8px 32px rgba(11,20,38,0.3),inset 0 1px 0 rgba(176,224,230,0.1)}.feature-card:hover{background:linear-gradient(135deg,rgba(60,90,120,0.8) 0%,rgba(70,130,180,0.6) 100%);box-shadow:0 12px 40px rgba(135,206,235,0.2),inset 0 1px 0 rgba(176,224,230,0.2);transform:translateY(-8px) scale(1.02)}.feature-icon{background:var(--gradient-ice);box-shadow:0 0 20px rgba(135,206,235,0.3),inset 0 2px 4px rgba(255,255,255,0.1)}.info-block{background:linear-gradient(135deg,rgba(22,35,50,0.9) 0%,rgba(28,43,58,0.7) 100%);border:1px solid rgba(176,224,230,0.15);backdrop-filter:blur(6px);box-shadow:0 4px 20px rgba(11,20,38,0.4)}.info-block:hover{background:linear-gradient(135deg,rgba(60,90,120,0.9) 0%,rgba(70,130,180,0.7) 100%);border-color:rgba(135,206,235,0.3);box-shadow:0 8px 30px rgba(135,206,235,0.15)}.article-card{background:linear-gradient(135deg,rgba(22,35,50,0.95) 0%,rgba(28,43,58,0.8) 100%);border:1px solid rgba(176,224,230,0.1);backdrop-filter:blur(4px)}.article-card:hover{background:linear-gradient(135deg,rgba(60,90,120,0.95) 0%,rgba(70,130,180,0.8) 100%);border-color:rgba(135,206,235,0.25);box-shadow:0 8px 25px rgba(135,206,235,0.1)}.catalog-btn,.feedback-btn{background:var(--gradient-ice);border:1px solid rgba(176,224,230,0.3);box-shadow:0 4px 15px rgba(135,206,235,0.2),inset 0 1px 0 rgba(255,255,255,0.1);text-shadow:0 1px 2px rgba(11,20,38,0.5)}.catalog-btn:hover,.feedback-btn:hover{background:var(--gradient-aurora);box-shadow:0 6px 20px rgba(135,206,235,0.3),inset 0 1px 0 rgba(255,255,255,0.2);transform:translateY(-2px)}.feedback-field{background:linear-gradient(135deg,rgba(28,43,58,0.8) 0%,rgba(22,35,50,0.9) 100%);border:1px solid rgba(135,206,235,0.2);backdrop-filter:blur(3px);box-shadow:inset 0 2px 4px rgba(11,20,38,0.3)}.feedback-field:focus{border-color:var(--color-primary);box-shadow:0 0 15px rgba(135,206,235,0.3),inset 0 2px 4px rgba(11,20,38,0.3)}footer{background:linear-gradient(180deg,var(--color-background) 0%,rgba(11,20,38,0.95) 50%,rgba(28,43,58,0.8) 100%);border-top:1px solid rgba(135,206,235,0.15)}.cookie-banner{background:linear-gradient(90deg,rgba(28,43,58,0.95) 0%,rgba(22,35,50,0.98) 100%);backdrop-filter:blur(12px);border-top:1px solid rgba(135,206,235,0.2);box-shadow:0 -4px 20px rgba(11,20,38,0.4)}.accept-all{background:var(--gradient-ice);box-shadow:0 2px 10px rgba(135,206,235,0.2)}.customize,.reject-all{background:linear-gradient(135deg,rgba(44,62,80,0.8) 0%,rgba(52,73,94,0.6) 100%);backdrop-filter:blur(4px)}.cookie-settings{background:linear-gradient(135deg,rgba(22,35,50,0.95) 0%,rgba(28,43,58,0.9) 100%);backdrop-filter:blur(15px);border:1px solid rgba(135,206,235,0.25);box-shadow:0 20px 60px rgba(11,20,38,0.6)}.toggle-slider{background:linear-gradient(90deg,rgba(44,62,80,0.8) 0%,rgba(52,73,94,0.6) 100%);box-shadow:inset 0 2px 4px rgba(11,20,38,0.3)}input:checked + .toggle-slider{background:var(--gradient-ice);box-shadow:0 0 10px rgba(135,206,235,0.3)}.container::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(135,206,235,0.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(176,224,230,0.02) 0%,transparent 50%);pointer-events:none;z-index:-1}a:hover{text-shadow:0 0 8px rgba(135,206,235,0.4)}.stats-grid,.games-container,.category-grid{gap:2rem}.stats-grid > *,.games-container > *,.category-grid > *{background:linear-gradient(135deg,rgba(28,43,58,0.6) 0%,rgba(44,62,80,0.4) 100%);border:1px solid rgba(135,206,235,0.1);backdrop-filter:blur(5px);transition:all var(--transition-hover)}.stats-grid > *:hover,.games-container > *:hover,.category-grid > *:hover{background:linear-gradient(135deg,rgba(60,90,120,0.7) 0%,rgba(70,130,180,0.5) 100%);border-color:rgba(135,206,235,0.2);transform:translateY(-3px);box-shadow:0 6px 25px rgba(135,206,235,0.1)}:root{--color-background:#0B1426;--color-text:#F0F4F8;--color-primary:#87CEEB;--color-secondary:#4682B4;--color-dark:#1C2B3A;--color-dark-lighter:#2C3E50;--color-dark-medium:#34495E;--color-card-bg:#162332;--color-article-title:#B0E0E6;--color-article-text:#D3D3D3;--color-feature-hover:#3C5A78;--color-card-overlay:rgba(176,224,230,0.08);--gradient-primary:linear-gradient(135deg,#87CEEB 0%,#4682B4 50%,#2F4F4F 100%);--gradient-feature:linear-gradient(135deg,#1C2B3A 0%,#2C3E50 50%,#34495E 100%);--gradient-mountain:linear-gradient(180deg,#0B1426 0%,#1C2B3A 30%,#2C3E50 100%);--gradient-snow:linear-gradient(45deg,#F0F8FF 0%,#E6F3FF 25%,#DDEEFF 50%,#B0E0E6 100%);--gradient-ice:linear-gradient(90deg,#87CEEB 0%,#5F9EA0 50%,#4682B4 100%);--gradient-aurora:linear-gradient(135deg,#4682B4 0%,#6495ED 25%,#87CEEB 50%,#B0C4DE 75%,#F0F8FF 100%)}body{background:var(--gradient-mountain)}h1,h2,h3,h4{background:var(--gradient-snow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(176,224,230,0.3)}h1{text-shadow:0 0 30px rgba(176,224,230,0.5),0 0 60px rgba(135,206,235,0.3)}h2{background:var(--gradient-aurora);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar{background:linear-gradient(180deg,rgba(11,20,38,0.95) 0%,rgba(28,43,58,0.9) 100%);backdrop-filter:blur(10px);border-bottom:1px solid rgba(135,206,235,0.2)}.navbar a:hover{color:var(--color-primary);text-shadow:0 0 10px rgba(135,206,235,0.5)}.header{background:var(--gradient-mountain);position:relative}.header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center top,rgba(135,206,235,0.1) 0%,transparent 60%);pointer-events:none}.header-text p{text-shadow:0 0 20px rgba(176,224,230,0.4)}.about{background:linear-gradient(135deg,rgba(28,43,58,0.3) 0%,rgba(44,62,80,0.2) 100%);border-radius:var(--border-radius-lg);backdrop-filter:blur(5px);border:1px solid rgba(135,206,235,0.1)}.feature-card{background:linear-gradient(135deg,rgba(28,43,58,0.8) 0%,rgba(44,62,80,0.6) 100%);border:1px solid rgba(135,206,235,0.2);backdrop-filter:blur(8px);box-shadow:0 8px 32px rgba(11,20,38,0.3),inset 0 1px 0 rgba(176,224,230,0.1)}.feature-card:hover{background:linear-gradient(135deg,rgba(60,90,120,0.8) 0%,rgba(70,130,180,0.6) 100%);box-shadow:0 12px 40px rgba(135,206,235,0.2),inset 0 1px 0 rgba(176,224,230,0.2);transform:translateY(-8px) scale(1.02)}.feature-icon{background:var(--gradient-ice);box-shadow:0 0 20px rgba(135,206,235,0.3),inset 0 2px 4px rgba(255,255,255,0.1)}.info-block{background:linear-gradient(135deg,rgba(22,35,50,0.9) 0%,rgba(28,43,58,0.7) 100%);border:1px solid rgba(176,224,230,0.15);backdrop-filter:blur(6px);box-shadow:0 4px 20px rgba(11,20,38,0.4)}.info-block:hover{background:linear-gradient(135deg,rgba(60,90,120,0.9) 0%,rgba(70,130,180,0.7) 100%);border-color:rgba(135,206,235,0.3);box-shadow:0 8px 30px rgba(135,206,235,0.15)}.article-card{background:linear-gradient(135deg,rgba(22,35,50,0.95) 0%,rgba(28,43,58,0.8) 100%);border:1px solid rgba(176,224,230,0.1);backdrop-filter:blur(4px)}.article-card:hover{background:linear-gradient(135deg,rgba(60,90,120,0.95) 0%,rgba(70,130,180,0.8) 100%);border-color:rgba(135,206,235,0.25);box-shadow:0 8px 25px rgba(135,206,235,0.1)}.catalog-btn,.feedback-btn{background:var(--gradient-ice);border:1px solid rgba(176,224,230,0.3);box-shadow:0 4px 15px rgba(135,206,235,0.2),inset 0 1px 0 rgba(255,255,255,0.1);text-shadow:0 1px 2px rgba(11,20,38,0.5)}.catalog-btn:hover,.feedback-btn:hover{background:var(--gradient-aurora);box-shadow:0 6px 20px rgba(135,206,235,0.3),inset 0 1px 0 rgba(255,255,255,0.2);transform:translateY(-2px)}.feedback-field{background:linear-gradient(135deg,rgba(28,43,58,0.8) 0%,rgba(22,35,50,0.9) 100%);border:1px solid rgba(135,206,235,0.2);backdrop-filter:blur(3px);box-shadow:inset 0 2px 4px rgba(11,20,38,0.3)}.feedback-field:focus{border-color:var(--color-primary);box-shadow:0 0 15px rgba(135,206,235,0.3),inset 0 2px 4px rgba(11,20,38,0.3)}footer{background:linear-gradient(180deg,var(--color-background) 0%,rgba(11,20,38,0.95) 50%,rgba(28,43,58,0.8) 100%);border-top:1px solid rgba(135,206,235,0.15)}.cookie-banner{background:linear-gradient(90deg,rgba(28,43,58,0.95) 0%,rgba(22,35,50,0.98) 100%);backdrop-filter:blur(12px);border-top:1px solid rgba(135,206,235,0.2);box-shadow:0 -4px 20px rgba(11,20,38,0.4)}.accept-all{background:var(--gradient-ice);box-shadow:0 2px 10px rgba(135,206,235,0.2)}.customize,.reject-all{background:linear-gradient(135deg,rgba(44,62,80,0.8) 0%,rgba(52,73,94,0.6) 100%);backdrop-filter:blur(4px)}.cookie-settings{background:linear-gradient(135deg,rgba(22,35,50,0.95) 0%,rgba(28,43,58,0.9) 100%);backdrop-filter:blur(15px);border:1px solid rgba(135,206,235,0.25);box-shadow:0 20px 60px rgba(11,20,38,0.6)}.toggle-slider{background:linear-gradient(90deg,rgba(44,62,80,0.8) 0%,rgba(52,73,94,0.6) 100%);box-shadow:inset 0 2px 4px rgba(11,20,38,0.3)}input:checked + .toggle-slider{background:var(--gradient-ice);box-shadow:0 0 10px rgba(135,206,235,0.3)}.container::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(135,206,235,0.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(176,224,230,0.02) 0%,transparent 50%);pointer-events:none;z-index:-1}a:hover{text-shadow:0 0 8px rgba(135,206,235,0.4)}.stats-grid,.games-container,.category-grid{gap:2rem}.stats-grid > *,.games-container > *,.category-grid > *{background:linear-gradient(135deg,rgba(28,43,58,0.6) 0%,rgba(44,62,80,0.4) 100%);border:1px solid rgba(135,206,235,0.1);backdrop-filter:blur(5px);transition:all var(--transition-hover)}.stats-grid > *:hover,.games-container > *:hover,.category-grid > *:hover{background:linear-gradient(135deg,rgba(60,90,120,0.7) 0%,rgba(70,130,180,0.5) 100%);border-color:rgba(135,206,235,0.2);transform:translateY(-3px);box-shadow:0 6px 25px rgba(135,206,235,0.1)}body::before{content:'';position:fixed;top:-100vh;left:0;width:100vw;height:200vh;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,0.9),transparent),radial-gradient(2px 2px at 40px 70px,rgba(176,224,230,0.8),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,0.7),transparent),radial-gradient(1px 1px at 130px 80px,rgba(176,224,230,0.6),transparent),radial-gradient(2px 2px at 160px 30px,rgba(255,255,255,0.5),transparent);background-repeat:repeat;background-size:200px 200px;animation:snowfall 20s linear infinite;pointer-events:none;z-index:1000}body::after{content:'';position:fixed;top:-100vh;left:0;width:100vw;height:200vh;background-image:radial-gradient(1px 1px at 25px 50px,rgba(255,255,255,0.6),transparent),radial-gradient(3px 3px at 75px 25px,rgba(176,224,230,0.4),transparent),radial-gradient(1px 1px at 125px 75px,rgba(255,255,255,0.5),transparent),radial-gradient(2px 2px at 175px 100px,rgba(176,224,230,0.3),transparent);background-repeat:repeat;background-size:250px 250px;animation:snowfall 15s linear infinite reverse;pointer-events:none;z-index:999}@keyframes snowfall{0%{transform:translateY(-100vh) translateX(0px)}100%{transform:translateY(100vh) translateX(100px)}}.feature-card:hover::before{content:'';position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background-image:radial-gradient(1px 1px at 10px 10px,rgba(255,255,255,0.8),transparent),radial-gradient(1px 1px at 30px 20px,rgba(176,224,230,0.6),transparent),radial-gradient(1px 1px at 50px 30px,rgba(255,255,255,0.7),transparent);background-size:60px 60px;animation:swirl 3s ease-in-out infinite;pointer-events:none;border-radius:var(--border-radius);z-index:-1}@keyframes swirl{0%,100%{transform:rotate(0deg) scale(1);opacity:0}50%{transform:rotate(180deg) scale(1.1);opacity:1}}h1::before,h2::before{content:'';position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background-image:radial-gradient(1px 1px at 15px 15px,rgba(255,255,255,0.4),transparent),radial-gradient(1px 1px at 35px 25px,rgba(176,224,230,0.3),transparent);background-size:50px 50px;animation:titleSnow 8s linear infinite;pointer-events:none;z-index:-1}@keyframes titleSnow{0%{transform:translateX(-50px);opacity:0}50%{opacity:0.6}100%{transform:translateX(50px);opacity:0}}.navbar::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(1px 1px at 20px 10px,rgba(255,255,255,0.3),transparent),radial-gradient(1px 1px at 60px 15px,rgba(176,224,230,0.2),transparent);background-size:80px 25px;animation:navSnow 12s linear infinite;pointer-events:none;z-index:-1}@keyframes navSnow{0%{transform:translateX(-100px)}100%{transform:translateX(100px)}}.catalog-btn::before,.feedback-btn::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(1px 1px at 25% 25%,rgba(255,255,255,0.6),transparent),radial-gradient(1px 1px at 75% 75%,rgba(176,224,230,0.4),transparent);background-size:20px 20px;animation:buttonSnow 6s ease-in-out infinite;border-radius:var(--border-radius);pointer-events:none;opacity:0;transition:opacity var(--transition-hover)}.catalog-btn:hover::before,.feedback-btn:hover::before{opacity:1}@keyframes buttonSnow{0%,100%{transform:scale(0.8) rotate(0deg)}50%{transform:scale(1.2) rotate(180deg)}}.article-card::before,.info-block::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.1) 50%,transparent 70%),radial-gradient(circle at 20% 20%,rgba(176,224,230,0.1) 0%,transparent 50%);border-radius:var(--border-radius);opacity:0;transition:opacity var(--transition-hover);pointer-events:none}.article-card:hover::before,.info-block:hover::before{opacity:1;animation:frost 2s ease-in-out infinite alternate}@keyframes frost{0%{background-position:-100% -100%,20% 20%}100%{background-position:100% 100%,80% 80%}}footer::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.6) 25%,rgba(176,224,230,0.8) 50%,rgba(255,255,255,0.6) 75%,transparent 100%);animation:snowDust 10s ease-in-out infinite}@keyframes snowDust{0%,100%{opacity:0.3;transform:scaleX(0.5)}50%{opacity:1;transform:scaleX(1)}}.feature-icon:hover::after{content:'';position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:conic-gradient(from 0deg,rgba(255,255,255,0.3) 0deg,transparent 60deg,rgba(176,224,230,0.4) 120deg,transparent 180deg,rgba(255,255,255,0.3) 240deg,transparent 300deg);border-radius:50%;animation:crystal 3s linear infinite;pointer-events:none}@keyframes crystal{0%{transform:rotate(0deg) scale(1);opacity:0.5}50%{transform:rotate(180deg) scale(1.1);opacity:1}100%{transform:rotate(360deg) scale(1);opacity:0.5}}.container:hover::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(ellipse 2px 1px at 10% 20%,rgba(255,255,255,0.2),transparent),radial-gradient(ellipse 2px 1px at 30% 60%,rgba(176,224,230,0.15),transparent),radial-gradient(ellipse 2px 1px at 70% 40%,rgba(255,255,255,0.18),transparent),radial-gradient(ellipse 2px 1px at 90% 80%,rgba(176,224,230,0.12),transparent);background-size:100px 100px;animation:tracks 4s ease-out;pointer-events:none;z-index:1}@keyframes tracks{0%{opacity:0;transform:translateY(20px)}30%{opacity:1}100%{opacity:0;transform:translateY(-20px)}}