:root{--color-background:#0b0e1a;--color-text:#e8f4ff;--color-primary:#00bfff;--color-secondary:#9370db;--color-dark:#1a1d2e;--color-dark-lighter:#2a2d3e;--color-dark-medium:#3a3d4e;--color-card-bg:#1e2135;--color-article-title:#87ceeb;--color-article-text:#b0e0e6;--color-feature-hover:#4169e1;--color-card-overlay:rgba(0,191,255,0.1);--gradient-primary:linear-gradient(135deg,#00bfff 0%,#1e90ff 25%,#9370db 50%,#6a5acd 75%,#00bfff 100%);--gradient-feature:linear-gradient(135deg,#1a1d2e 0%,#2a2d3e 50%,#3a3d4e 100%);--color-portal-blue:#00bfff;--color-dimension-purple:#9370db;--color-cosmic-cyan:#00ffff;--color-astral-indigo:#4b0082;--color-ethereal-white:#f0f8ff;--color-void-navy:#191970;--color-crystal-azure:#87ceeb;--color-mystic-violet:#8a2be2;--gradient-portal:linear-gradient(45deg,#00bfff,#1e90ff,#00ffff);--gradient-dimension:linear-gradient(45deg,#9370db,#8a2be2,#6a5acd);--gradient-cosmic:linear-gradient(45deg,#00ffff,#87ceeb,#b0e0e6);--gradient-astral:linear-gradient(45deg,#4b0082,#6a5acd,#9370db);--gradient-ethereal:linear-gradient(135deg,#f0f8ff,#e6e6fa,#d8bfd8);--gradient-interdimensional:linear-gradient(180deg,#0b0e1a,#1a1d2e,#2a2d3e);--shadow-standard:0 4px 8px rgba(0,191,255,0.2);--shadow-hover:0 8px 16px rgba(0,191,255,0.3);--shadow-card:0 6px 20px rgba(0,191,255,0.25);--shadow-card-hover:0 12px 30px rgba(0,191,255,0.4);--shadow-portal:0 4px 12px rgba(0,191,255,0.4);--shadow-dimension:0 4px 12px rgba(147,112,219,0.3);--shadow-cosmic:0 4px 12px rgba(0,255,255,0.3);--shadow-astral:0 8px 25px rgba(75,0,130,0.5);--shadow-ethereal:0 6px 18px rgba(240,248,255,0.4)}body{background:radial-gradient(circle at 20% 30%,rgba(0,191,255,0.08) 0%,transparent 35%),radial-gradient(circle at 80% 20%,rgba(147,112,219,0.06) 0%,transparent 30%),radial-gradient(circle at 40% 80%,rgba(0,255,255,0.05) 0%,transparent 25%),radial-gradient(circle at 60% 10%,rgba(135,206,235,0.07) 0%,transparent 30%),radial-gradient(circle at 10% 70%,rgba(138,43,226,0.04) 0%,transparent 20%),radial-gradient(circle at 90% 90%,rgba(75,0,130,0.05) 0%,transparent 25%),linear-gradient(135deg,#0b0e1a 0%,#151829 8%,#1a1d2e 16%,#0f1220 24%,#1a1d2e 32%,#252842 40%,#1a1d2e 48%,#131628 56%,#1a1d2e 64%,#2a2d3e 72%,#1a1d2e 80%,#0e1121 88%,#0b0e1a 100% );background-size:1000px 1000px,800px 800px,600px 600px,900px 900px,500px 500px,700px 700px,100% 100%;background-attachment:fixed}.feature-card:nth-child(4n+1){background:var(--gradient-portal);color:var(--color-dark);box-shadow:var(--shadow-portal);border:3px solid rgba(0,191,255,0.5);position:relative;overflow:hidden}.feature-card:nth-child(4n+1):before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(0,255,255,0.2) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:width 1.5s ease,height 1.5s ease}.feature-card:nth-child(4n+1):hover:before{width:300px;height:300px}.feature-card:nth-child(4n+2){background:var(--gradient-dimension);color:var(--color-ethereal-white);box-shadow:var(--shadow-dimension);border:3px solid rgba(147,112,219,0.5)}.feature-card:nth-child(4n+3){background:var(--gradient-cosmic);color:var(--color-dark);box-shadow:var(--shadow-cosmic);border:3px solid rgba(0,255,255,0.5)}.feature-card:nth-child(4n){background:var(--gradient-astral);color:var(--color-ethereal-white);box-shadow:var(--shadow-astral);border:3px solid rgba(75,0,130,0.5)}.feature-card:hover{transform:scale(1.05) translateY(-10px);background:var(--gradient-primary);color:var(--color-ethereal-white);box-shadow:var(--shadow-astral);border-color:var(--color-cosmic-cyan)}.feature-icon{background:var(--gradient-primary);border:4px solid var(--color-dimension-purple);position:relative;box-shadow:0 0 30px rgba(0,191,255,0.7)}.feature-icon:after{content:'';position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;background:conic-gradient(from 0deg,var(--color-portal-blue),var(--color-dimension-purple),var(--color-cosmic-cyan),var(--color-astral-indigo),var(--color-portal-blue));z-index:-1;opacity:0;transition:opacity 0.7s ease}.feature-card:hover .feature-icon:after{opacity:1}.feature-card:hover .feature-icon{box-shadow:0 0 40px rgba(0,255,255,0.9);transform:scale(1.15)}.info-block{background:var(--gradient-interdimensional);border:2px solid rgba(0,191,255,0.4);position:relative}.info-block:before{content:'';position:absolute;top:0;right:0;width:5px;height:100%;background:var(--gradient-portal);transform:scaleY(0);transition:transform 0.6s ease}.info-block:hover:before{transform:scaleY(1)}.info-block:hover{background:var(--gradient-primary);color:var(--color-ethereal-white);box-shadow:var(--shadow-portal);transform:translateY(-12px) scale(1.03);border-color:var(--color-cosmic-cyan)}.stat-item{background:var(--gradient-astral);border:4px solid var(--color-void-navy);position:relative;overflow:hidden}.stat-item:before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,191,255,0.3),transparent);transition:left 2s ease}.stat-item:hover:before{left:100%}.stat-item:after{content:'';position:absolute;bottom:0;left:0;right:0;height:6px;background:var(--gradient-portal);transform:scaleX(0);transition:transform 1s ease}.stat-item:hover:after{transform:scaleX(1)}.stat-number{color:var(--color-cosmic-cyan);text-shadow:0 0 25px rgba(0,255,255,1);position:relative;z-index:2}.stat-item:hover{background:var(--gradient-primary);border-color:var(--color-portal-blue);transform:scale(1.08) translateY(-5px)}.stat-item:hover .stat-number{color:var(--color-ethereal-white);text-shadow:0 0 30px rgba(240,248,255,1)}.stat-item:hover .stat-label{color:var(--color-ethereal-white)}.platform-item{background:var(--gradient-interdimensional);border:3px solid rgba(0,191,255,0.4)}.platform-logo{background:var(--gradient-portal);box-shadow:0 0 30px rgba(0,191,255,0.8);border:3px solid var(--color-dimension-purple)}.platform-item:hover{background:var(--gradient-primary);transform:translateY(-12px);box-shadow:0 25px 45px rgba(0,191,255,0.6);border-color:var(--color-cosmic-cyan)}.platform-item:hover .platform-logo{background:var(--color-cosmic-cyan);color:var(--color-dark);box-shadow:0 0 35px rgba(0,255,255,1)}.platform-item:hover .platform-name{color:var(--color-ethereal-white)}.genre-item{background:var(--gradient-astral);border:3px solid rgba(0,191,255,0.3);position:relative}.genre-icon{background:var(--gradient-cosmic);border:3px solid var(--color-void-navy);box-shadow:0 0 25px rgba(0,255,255,0.7)}.genre-item:hover{background:var(--gradient-primary);border-color:var(--color-dimension-purple);transform:translateY(-12px) rotate(4deg);box-shadow:0 20px 40px rgba(0,191,255,0.6)}.genre-item:hover .genre-icon{background:var(--color-ethereal-white);color:var(--color-dark);transform:scale(1.4);box-shadow:0 0 30px rgba(240,248,255,0.9)}.genre-item:hover .genre-name,.genre-item:hover .genre-count{color:var(--color-ethereal-white)}.genre-name{color:var(--color-crystal-azure)}.community-icon{background:var(--gradient-dimension);box-shadow:0 0 35px rgba(147,112,219,0.8);border:3px solid var(--color-portal-blue)}.community-feature{background:var(--gradient-interdimensional);border:3px solid rgba(0,191,255,0.3)}.community-feature:hover{background:var(--gradient-primary);transform:scale(1.05) rotate(-3deg);box-shadow:var(--shadow-astral);border-color:var(--color-cosmic-cyan)}.community-feature:hover .community-icon{background:var(--color-ethereal-white);color:var(--color-dark);box-shadow:0 0 40px rgba(240,248,255,1)}.community-feature:hover h4,.community-feature:hover p{color:var(--color-ethereal-white)}.security-feature{background:var(--gradient-interdimensional);border-left-color:var(--color-portal-blue);border-left-width:8px;position:relative}.security-feature:before{content:'';position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--gradient-cosmic);transform:scaleY(0);transition:transform 0.7s ease}.security-feature:hover:before{transform:scaleY(1)}.security-feature h4{color:var(--color-crystal-azure)}.security-feature:hover{background:var(--gradient-primary);border-left-color:var(--color-cosmic-cyan)}.security-feature:hover h4,.security-feature:hover p{color:var(--color-ethereal-white)}.news-item{background:var(--gradient-astral);border:3px solid rgba(0,191,255,0.3)}.news-item:nth-child(odd) h3{color:var(--color-portal-blue)}.news-item:nth-child(even) h3{color:var(--color-dimension-purple)}.news-item:hover{background:var(--gradient-primary);transform:translateY(-14px);box-shadow:var(--shadow-astral);border-color:var(--color-cosmic-cyan)}.news-item:hover h3,.news-item:hover p{color:var(--color-ethereal-white)}.testimonial-item{background:var(--gradient-interdimensional);border-top:6px solid var(--color-void-navy);position:relative;overflow:hidden}.testimonial-item:nth-child(4n+1){border-top-color:var(--color-portal-blue)}.testimonial-item:nth-child(4n+2){border-top-color:var(--color-dimension-purple)}.testimonial-item:nth-child(4n+3){border-top-color:var(--color-cosmic-cyan)}.testimonial-item:nth-child(4n){border-top-color:var(--color-astral-indigo)}.testimonial-item:before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,191,255,0.2),transparent);transition:left 2.5s ease}.testimonial-item:hover:before{left:100%}.testimonial-item:hover{background:var(--gradient-primary);transform:translateY(-12px) scale(1.02);box-shadow:var(--shadow-portal)}.testimonial-item h4{color:var(--color-crystal-azure)}.testimonial-item:hover h4,.testimonial-item:hover p{color:var(--color-ethereal-white)}.article-card{background:var(--gradient-astral);border:3px solid rgba(0,191,255,0.3)}.article-card:hover{background:var(--gradient-primary);transform:translateY(-12px) rotate(3deg);box-shadow:var(--shadow-astral);border-color:var(--color-dimension-purple)}.article-card__title{color:var(--color-crystal-azure)}.article-card:hover .article-card__title,.article-card:hover .article-card__excerpt{color:var(--color-ethereal-white)}.catalog-btn{background:var(--gradient-primary);color:var(--color-ethereal-white);border:4px solid var(--color-dimension-purple);position:relative;overflow:hidden;box-shadow:var(--shadow-portal)}.catalog-btn:before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(0,255,255,0.4),rgba(147,112,219,0.3));border-radius:50%;transform:translate(-50%,-50%);transition:width 1.2s ease,height 1.2s ease}.catalog-btn:hover:before{width:600px;height:600px}.catalog-btn:hover{background:var(--gradient-ethereal);box-shadow:var(--shadow-astral);transform:scale(1.05);border-color:var(--color-cosmic-cyan);color:var(--color-dark)}.navbar{background:linear-gradient(180deg,rgba(11,14,26,0.95) 0%,rgba(26,29,46,0.8) 50%,transparent 100%);backdrop-filter:blur(25px);border-bottom:2px solid rgba(0,191,255,0.4)}.logo a{color:var(--color-dimension-purple) !important;text-shadow:0 0 25px rgba(147,112,219,1)}.navbar a:hover{color:var(--color-crystal-azure);text-shadow:0 0 20px rgba(135,206,235,1)}h1{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 50px rgba(0,191,255,0.9);filter:drop-shadow(0 0 20px rgba(0,191,255,0.7))}h2{color:var(--color-crystal-azure);text-shadow:0 0 30px rgba(135,206,235,0.8)}h3{color:var(--color-dimension-purple);text-shadow:0 0 20px rgba(147,112,219,0.7)}h4{color:var(--color-portal-blue);text-shadow:0 0 15px rgba(0,191,255,0.6)}.feedback-field{background:var(--gradient-interdimensional);border:3px solid var(--color-void-navy);color:var(--color-crystal-azure)}.feedback-field:focus{border-color:var(--color-dimension-purple);box-shadow:0 0 30px rgba(147,112,219,0.7);background:var(--gradient-primary);color:var(--color-ethereal-white)}.feedback-btn{background:var(--gradient-primary);color:var(--color-ethereal-white);border:4px solid var(--color-cosmic-cyan);box-shadow:var(--shadow-portal)}.feedback-btn:hover{background:var(--gradient-ethereal);box-shadow:var(--shadow-astral);transform:scale(1.03);border-color:var(--color-dimension-purple);color:var(--color-dark)}.contacts-link{color:var(--color-crystal-azure);transition:all 0.3s ease}.contacts-link:hover{color:var(--color-dimension-purple);text-shadow:0 0 12px rgba(147,112,219,0.9)}.contacts-address{color:var(--color-void-navy)}.info-links a:hover{color:var(--color-crystal-azure);text-shadow:0 0 15px rgba(135,206,235,1)}.copyright{color:var(--color-dimension-purple);text-shadow:0 0 25px rgba(147,112,219,0.7)}