:root{--color-background:linear-gradient(180deg,#001122 0%,#003366 30%,#004477 70%,#0066aa 100%);--color-text:#e6f3ff;--color-primary:#00ffcc;--color-secondary:#ff6b35;--color-dark:#001a33;--color-dark-lighter:#002244;--color-dark-medium:#003355;--color-card-bg:rgba(0,51,102,0.8);--color-article-title:#66ffdd;--color-article-text:#b3e5ff;--color-feature-hover:rgba(0,255,204,0.1);--color-card-overlay:rgba(0,255,204,0.05);--gradient-primary:linear-gradient(135deg,#00ffcc 0%,#0099ff 50%,#66ccff 100%);--gradient-feature:linear-gradient(135deg,rgba(0,26,51,0.9) 0%,rgba(0,34,68,0.8) 50%,rgba(0,51,85,0.7) 100%);--shadow-standard:0 8px 32px rgba(0,255,204,0.2);--shadow-hover:0 16px 48px rgba(0,255,204,0.3);--shadow-card:0 8px 24px rgba(0,51,102,0.6);--shadow-card-hover:0 16px 40px rgba(0,255,204,0.4)}body{background:var(--color-background);position:relative;overflow-x:hidden}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 30%,rgba(0,255,204,0.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(102,204,255,0.08) 0%,transparent 50%),radial-gradient(ellipse at 60% 20%,rgba(255,107,53,0.05) 0%,transparent 40%);animation:underwaterLight 20s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes underwaterLight{0%,100%{opacity:0.3;transform:scale(1) rotate(0deg)}25%{opacity:0.6;transform:scale(1.1) rotate(2deg)}50%{opacity:0.4;transform:scale(0.9) rotate(-1deg)}75%{opacity:0.7;transform:scale(1.05) rotate(1deg)}}h1,h2,h3,h4{background:linear-gradient(45deg,#00ffcc,#66ffdd,#00ffcc,#99ffee);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s ease-in-out infinite;text-shadow:0 0 20px rgba(0,255,204,0.3)}@keyframes shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}a{color:var(--color-primary);transition:all 0.4s ease;position:relative}a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#00ffcc,#ff6b35);transition:width 0.4s ease}a:hover::after{width:100%}a:hover{color:#66ffdd;text-shadow:0 0 15px rgba(0,255,204,0.6);transform:translateY(-2px)}.navbar{background:rgba(0,26,51,0.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,204,0.2);box-shadow:0 4px 20px rgba(0,51,102,0.4)}.navbar a:hover{color:var(--color-secondary);text-shadow:0 0 10px rgba(255,107,53,0.6)}.feature-card,.info-block,.article-card{background:var(--color-card-bg);border:1px solid rgba(0,255,204,0.2);box-shadow:var(--shadow-card);backdrop-filter:blur(5px);position:relative;overflow:hidden}.feature-card::before,.info-block::before,.article-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,204,0.1),transparent);transition:left 0.8s ease}.feature-card:hover::before,.info-block:hover::before,.article-card:hover::before{left:100%}.feature-card:hover,.info-block:hover,.article-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-card-hover);border-color:rgba(0,255,204,0.4)}.feature-icon{background:var(--gradient-primary);box-shadow:0 0 20px rgba(0,255,204,0.4);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 0 20px rgba(0,255,204,0.4)}50%{transform:scale(1.05);box-shadow:0 0 30px rgba(0,255,204,0.6)}}.catalog-btn,.feedback-btn,.cookie-btn.accept-all,.save-settings{background:var(--gradient-primary);box-shadow:0 6px 20px rgba(0,255,204,0.3);position:relative;overflow:hidden}.catalog-btn::before,.feedback-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,0.2);border-radius:50%;transform:translate(-50%,-50%);transition:all 0.6s ease}.catalog-btn:hover::before,.feedback-btn:hover::before{width:300px;height:300px}.catalog-btn:hover,.feedback-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,255,204,0.5)}.feedback-field{background:rgba(0,34,68,0.8);border:2px solid rgba(0,255,204,0.3);backdrop-filter:blur(5px);transition:all 0.4s ease}.feedback-field:focus{border-color:var(--color-primary);box-shadow:0 0 20px rgba(0,255,204,0.4);background:rgba(0,51,102,0.9)}.feature-section,.info-blocks{background:var(--gradient-feature);position:relative}.feature-section::after,.info-blocks::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,rgba(0,255,204,0.05) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,107,53,0.03) 0%,transparent 40%);pointer-events:none}.img-responsive,.catalog-img img,.about-img{border-radius:var(--border-radius);box-shadow:0 8px 25px rgba(0,51,102,0.4);transition:all 0.6s ease;filter:hue-rotate(5deg) saturate(1.2)}.img-responsive:hover,.catalog-img img:hover,.about-img:hover{transform:scale(1.05) rotateY(5deg);box-shadow:0 15px 40px rgba(0,255,204,0.3);filter:hue-rotate(10deg) saturate(1.4) brightness(1.1)}.cookie-banner{background:rgba(0,26,51,0.95);border-top:2px solid rgba(0,255,204,0.3);backdrop-filter:blur(10px);box-shadow:0 -8px 25px rgba(0,51,102,0.4)}.cookie-banner.show{animation:surfaceRipple 0.8s ease-out}@keyframes surfaceRipple{0%{transform:translateY(100%) scale(0.95);opacity:0}50%{transform:translateY(-10px) scale(1.02);opacity:0.8}100%{transform:translateY(0) scale(1);opacity:1}}.toggle-slider{background:rgba(0,34,68,0.8);border:1px solid rgba(0,255,204,0.3)}.toggle-slider::before{background:linear-gradient(135deg,#66ffdd,#00ffcc);box-shadow:0 2px 8px rgba(0,255,204,0.3)}input:checked + .toggle-slider{background:var(--gradient-primary);box-shadow:inset 0 0 10px rgba(0,255,204,0.4)}.color-text,p,.article-card__excerpt{text-shadow:0 0 8px rgba(179,229,255,0.2)}.menu-items li:hover,.info-links a:hover{text-shadow:0 0 15px rgba(0,255,204,0.6);transform:translateX(5px)}footer{background:linear-gradient(180deg,var(--color-dark) 0%,#000811 100%);border-top:1px solid rgba(0,255,204,0.2);position:relative}footer::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,255,204,0.6),rgba(255,107,53,0.4),rgba(0,255,204,0.6),transparent);animation:coralGlow 4s ease-in-out infinite}@keyframes coralGlow{0%,100%{opacity:0.4}50%{opacity:1}}