:root{--color-background:linear-gradient(180deg,#0a0a0f 0%,#12121a 30%,#1a1a28 60%,#252535 100%);--color-text:#e6e8f0;--color-primary:#00d4ff;--color-secondary:#ff0080;--color-dark:#0f0f15;--color-dark-lighter:#1a1a25;--color-dark-medium:#252530;--color-card-bg:rgba(15,15,21,0.9);--color-article-title:#40e0d0;--color-article-text:#b8bcc8;--color-feature-hover:rgba(0,212,255,0.15);--color-card-overlay:rgba(64,224,208,0.08);--gradient-primary:linear-gradient(135deg,#00d4ff 0%,#ff0080 50%,#8a2be2 100%);--gradient-feature:linear-gradient(135deg,rgba(15,15,21,0.98) 0%,rgba(26,26,37,0.95) 50%,rgba(37,37,48,0.92) 100%);--neon-glow:0 0 20px rgba(0,212,255,0.6),0 0 40px rgba(0,212,255,0.4),0 0 80px rgba(0,212,255,0.2);--rain-reflection:0 8px 32px rgba(0,212,255,0.25);--wet-asphalt:0 4px 20px rgba(0,0,0,0.8),inset 0 1px 0 rgba(255,255,255,0.05)}body{background:var(--color-background);position:relative;overflow-x:hidden}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 98%,rgba(0,212,255,0.03) 100%),linear-gradient(90deg,transparent 95%,rgba(255,0,128,0.02) 100%),repeating-linear-gradient( 90deg,transparent 0px,rgba(64,224,208,0.01) 1px,transparent 2px );pointer-events:none;z-index:-1;animation:raindrops 3s linear infinite}@keyframes raindrops{0%{transform:translateX(0px) translateY(-100vh)}100%{transform:translateX(-50px) translateY(100vh)}}h1,h2,h3,h4{color:var(--color-primary);text-shadow:var(--neon-glow);position:relative}h1::after,h2::after{content:'💧';position:absolute;right:-40px;top:50%;transform:translateY(-50%);opacity:0.8;animation:waterDrop 4s ease-in-out infinite}@keyframes waterDrop{0%,100%{transform:translateY(-50%) scale(1);opacity:0.8}50%{transform:translateY(-40%) scale(1.2);opacity:1}}.navbar{background:rgba(15,15,21,0.85);backdrop-filter:blur(15px);border-bottom:1px solid rgba(0,212,255,0.3);box-shadow:var(--wet-asphalt)}.navbar::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient( 45deg,transparent 0px,rgba(0,212,255,0.02) 1px,transparent 3px );pointer-events:none}.navbar a:hover{color:var(--color-secondary);text-shadow:0 0 15px rgba(255,0,128,0.8)}.header{background:linear-gradient(rgba(15,15,21,0.3),rgba(15,15,21,0.1)),radial-gradient(ellipse at 30% 20%,rgba(0,212,255,0.1) 0%,transparent 70%),radial-gradient(ellipse at 70% 80%,rgba(255,0,128,0.08) 0%,transparent 60%);position:relative}.header::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to top,rgba(0,212,255,0.08),transparent),repeating-linear-gradient( 90deg,transparent 0px,rgba(64,224,208,0.03) 2px,transparent 4px );pointer-events:none}.header-text p{text-shadow:0 4px 15px rgba(0,0,0,0.9);position:relative}.about{background:var(--gradient-feature);border-radius:var(--border-radius);box-shadow:var(--wet-asphalt);position:relative;border:1px solid rgba(0,212,255,0.2)}.about::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),var(--color-secondary),transparent);box-shadow:0 0 20px rgba(0,212,255,0.4);animation:neonPulse 3s ease-in-out infinite}@keyframes neonPulse{0%,100%{opacity:0.6}50%{opacity:1}}.feature-card{background:var(--color-card-bg);backdrop-filter:blur(12px);border:1px solid rgba(0,212,255,0.3);position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,0.15),rgba(255,0,128,0.1),transparent);transition:left 1.2s ease}.feature-card:hover::before{left:100%}.feature-card::after{content:'';position:absolute;top:0;right:0;width:2px;height:100%;background:linear-gradient(to bottom,transparent,var(--color-primary),var(--color-secondary),transparent);opacity:0;transition:opacity 0.5s ease}.feature-card:hover::after{opacity:1}.feature-card:hover{transform:translateY(-12px);box-shadow:var(--rain-reflection);border-color:rgba(0,212,255,0.6)}.feature-icon{background:var(--gradient-primary);box-shadow:var(--neon-glow);position:relative}.feature-icon::before{content:'';position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:conic-gradient(from 0deg,rgba(0,212,255,0.5),rgba(255,0,128,0.3),rgba(138,43,226,0.2),rgba(0,212,255,0.5));border-radius:50%;z-index:-1;animation:neonRing 4s linear infinite}@keyframes neonRing{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.info-block{background:var(--color-card-bg);border-left:3px solid var(--color-primary);position:relative}.info-block::before{content:'';position:absolute;left:-3px;top:0;width:3px;height:100%;background:linear-gradient(to bottom,var(--color-primary),var(--color-secondary),#8a2be2);box-shadow:0 0 15px rgba(0,212,255,0.5);animation:lightStrip 2s ease-in-out infinite}@keyframes lightStrip{0%,100%{box-shadow:0 0 15px rgba(0,212,255,0.5)}50%{box-shadow:0 0 25px rgba(255,0,128,0.7)}}.info-block::after{content:'';position:absolute;top:50%;right:10px;width:8px;height:8px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 10px rgba(0,212,255,0.8);animation:beacon 3s ease-in-out infinite}@keyframes beacon{0%,100%{opacity:0.3;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.3)}}.info-block:hover{background:rgba(15,15,21,0.98);box-shadow:var(--rain-reflection),inset 0 0 30px rgba(0,212,255,0.1)}.article-card{background:var(--color-card-bg);border:1px solid rgba(0,212,255,0.25);position:relative;overflow:hidden}.article-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),var(--color-secondary),transparent);animation:scanLine 2s linear infinite}@keyframes scanLine{0%{transform:translateY(0px);opacity:1}100%{transform:translateY(300px);opacity:0}}.article-card:hover{border-color:rgba(0,212,255,0.5);box-shadow:0 15px 45px rgba(0,212,255,0.3),inset 0 1px 0 rgba(255,255,255,0.1)}.catalog-btn{background:var(--gradient-primary);box-shadow:var(--neon-glow);position:relative;overflow:hidden}.catalog-btn::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient( 45deg,transparent 0px,rgba(255,255,255,0.1) 1px,transparent 3px );opacity:0;transition:opacity 0.6s ease}.catalog-btn:hover::before{opacity:1}.catalog-btn::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:rgba(255,255,255,0.8);transition:width 0.8s ease}.catalog-btn:hover::after{width:100%}.feedback-field{background:rgba(15,15,21,0.9);border:1px solid rgba(0,212,255,0.3);transition:all 0.4s ease;position:relative}.feedback-field::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient( 90deg,transparent 0px,rgba(0,212,255,0.02) 2px,transparent 4px );pointer-events:none;border-radius:var(--border-radius)}.feedback-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(0,212,255,0.3),var(--neon-glow);background:rgba(15,15,21,0.98)}.feedback-btn{background:var(--gradient-primary);position:relative;overflow:hidden}.feedback-btn::before{content:'';position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 1s ease}.feedback-btn:hover::before{left:100%}footer{background:linear-gradient(to top,#0a0a0f,rgba(15,15,21,0.95)),radial-gradient(ellipse at center top,rgba(0,212,255,0.05) 0%,transparent 70%);position:relative}footer::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--color-primary),var(--color-secondary),#8a2be2,transparent),linear-gradient(90deg,transparent,rgba(255,0,128,0.5),transparent);background-size:100% 1px,100% 3px;box-shadow:0 0 30px rgba(0,212,255,0.4)}@keyframes cityRain{0%{transform:translateY(-100vh) translateX(0px) scaleY(1);opacity:0.7}100%{transform:translateY(100vh) translateX(-30px) scaleY(0.8);opacity:0}}.catalog-img:hover,.about-img:hover{transform:scale(1.02);filter:drop-shadow(0 15px 30px rgba(0,212,255,0.4)) contrast(1.1) brightness(1.05);transition:all 0.5s ease}.container{position:relative}.feature-section.container::before,.info-blocks.container::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,0.4),rgba(255,0,128,0.3),transparent);box-shadow:0 0 20px rgba(0,212,255,0.3)}#catalog,#feedback,#contacts{border-radius:var(--border-radius);position:relative}body::after{content:'';position:fixed;bottom:0;left:0;width:100%;height:200px;background:linear-gradient(to top,rgba(0,212,255,0.03) 0%,transparent 100%),repeating-linear-gradient( 0deg,transparent 0px,rgba(64,224,208,0.01) 1px,transparent 3px );pointer-events:none;z-index:-1}