:root{--color-background:#1a1e20;--color-text:#d4d8dc;--color-primary:#87ceeb;--color-secondary:#9fa8b2;--color-dark:#242729;--color-dark-lighter:#2e3336;--color-dark-medium:#394144;--color-card-bg:#20252a;--color-article-title:#a8c8e1;--color-article-text:#c1c7cd;--color-feature-hover:#353b40;--color-card-overlay:rgba(135,206,235,0.08);--gradient-primary:linear-gradient(135deg,#87ceeb 0%,#b0c4de 50%,#9fa8b2 100%);--gradient-feature:linear-gradient(135deg,#242729 0%,#2e3336 50%,#1a1e20 100%);--shadow-standard:0 4px 16px rgba(0,0,0,0.4);--shadow-hover:0 8px 24px rgba(0,0,0,0.6);--shadow-card:0 6px 20px rgba(26,30,32,0.7);--shadow-card-hover:0 12px 30px rgba(135,206,235,0.2)}@keyframes mist-drift{0%,100%{transform:translateX(0px) scale(1);opacity:0.6}33%{transform:translateX(10px) scale(1.05);opacity:0.8}66%{transform:translateX(-5px) scale(0.95);opacity:0.4}}@keyframes water-ripple{0%,100%{transform:translateY(0px) scaleY(1);filter:blur(0px)}50%{transform:translateY(1px) scaleY(1.02);filter:blur(0.5px)}}@keyframes morning-glow{0%,100%{box-shadow:0 0 20px rgba(135,206,235,0.2);filter:brightness(1)}50%{box-shadow:0 0 40px rgba(135,206,235,0.4);filter:brightness(1.1)}}@keyframes fog-roll{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes reflection-shimmer{0%,100%{transform:scaleY(1) translateY(0);opacity:0.7}50%{transform:scaleY(0.98) translateY(2px);opacity:0.5}}body{background:linear-gradient(180deg,#2e3336 0%,#242729 30%,#1a1e20 70%,#161a1d 100%);position:relative}body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 70% 20%,rgba(135,206,235,0.06) 0%,transparent 50%),radial-gradient(ellipse at 30% 80%,rgba(159,168,178,0.04) 0%,transparent 60%),linear-gradient(90deg,transparent 0%,rgba(135,206,235,0.03) 50%,transparent 100%);pointer-events:none;z-index:-1;animation:fog-roll 20s ease-in-out infinite}body::after{content:'';position:fixed;bottom:0;left:0;right:0;height:40%;background:linear-gradient(0deg,rgba(26,30,32,0.8) 0%,transparent 100%);pointer-events:none;z-index:-1;animation:water-ripple 8s ease-in-out infinite}.navbar{background:linear-gradient(180deg,rgba(46,51,54,0.9) 0%,rgba(26,30,32,0.8) 100%);backdrop-filter:blur(12px);border-bottom:1px solid rgba(135,206,235,0.2);position:relative}.navbar::before{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(135,206,235,0.4),transparent);animation:morning-glow 6s ease-in-out infinite}.navbar a:hover{color:var(--color-primary);text-shadow:0 0 15px rgba(135,206,235,0.5);animation:mist-drift 4s ease-in-out infinite}h1,h2,h3,h4{text-shadow:0 0 20px rgba(135,206,235,0.3),0 4px 8px rgba(0,0,0,0.6);position:relative}h1::after,h2::after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:100px;height:2px;background:linear-gradient(90deg,transparent,rgba(135,206,235,0.6),transparent);animation:reflection-shimmer 4s ease-in-out infinite}h1::before,h2::before{content:attr(data-text);position:absolute;bottom:-40px;left:0;right:0;color:rgba(135,206,235,0.3);transform:scaleY(-0.5);filter:blur(1px);opacity:0.4;z-index:-1}.feature-card{background:linear-gradient(145deg,rgba(32,37,42,0.9) 0%,rgba(46,51,54,0.7) 100%);border:1px solid rgba(135,206,235,0.15);box-shadow:inset 0 1px 0 rgba(135,206,235,0.05),0 8px 25px rgba(0,0,0,0.5);backdrop-filter:blur(4px);position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(135,206,235,0.1),transparent);transition:left 1.2s ease}.feature-card:hover::before{left:100%}.feature-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(0deg,rgba(135,206,235,0.05),transparent);transform:scaleY(-1);opacity:0.6}.feature-card:hover{transform:translateY(-6px);border-color:rgba(135,206,235,0.3);animation:morning-glow 3s ease-in-out infinite}.feature-icon{background:var(--gradient-primary);box-shadow:0 0 30px rgba(135,206,235,0.4),inset 0 2px 4px rgba(255,255,255,0.2),inset 0 -2px 4px rgba(0,0,0,0.1);position:relative}.feature-icon::before{content:'';position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:50%;background:conic-gradient(from 0deg,rgba(135,206,235,0.2),transparent,rgba(159,168,178,0.3),transparent);z-index:-1;animation:spin 15s linear infinite}.feature-icon::after{content:'';position:absolute;top:15%;left:15%;width:30%;height:30%;background:radial-gradient(circle,rgba(255,255,255,0.4) 0%,transparent 60%);border-radius:50%;animation:mist-drift 5s ease-in-out infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.article-card{background:linear-gradient(145deg,rgba(32,37,42,0.8) 0%,rgba(36,39,41,0.9) 100%);border:1px solid rgba(135,206,235,0.1);position:relative}.article-card::before{content:'';position:absolute;bottom:-100%;left:0;right:0;height:100%;background:inherit;transform:scaleY(-0.6);filter:blur(2px);opacity:0.3;z-index:-1}.article-card:hover{border-color:rgba(135,206,235,0.3);animation:water-ripple 3s ease-in-out infinite}.info-block{background:linear-gradient(145deg,rgba(32,37,42,0.7) 0%,rgba(46,51,54,0.5) 100%);backdrop-filter:blur(6px);border:1px solid rgba(135,206,235,0.12);position:relative}.info-block::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 0%,rgba(135,206,235,0.08) 0%,transparent 50%);border-radius:inherit}.info-block:hover{border-color:rgba(135,206,235,0.25);transform:translateY(-3px);animation:water-ripple 2s ease-in-out infinite}.catalog-btn,.feedback-btn{background:var(--gradient-primary);box-shadow:0 6px 20px rgba(135,206,235,0.3),inset 0 1px 0 rgba(255,255,255,0.3),inset 0 -1px 0 rgba(0,0,0,0.2);border:2px solid rgba(135,206,235,0.4);position:relative;overflow:hidden}.catalog-btn::before,.feedback-btn::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.2) 0%,transparent 70%);transform:rotate(45deg);transition:transform 1s ease}.catalog-btn:hover::before,.feedback-btn:hover::before{transform:rotate(45deg) translate(50%,50%)}.catalog-btn:hover,.feedback-btn:hover{animation:morning-glow 2s ease-in-out infinite}.feedback-field{background:linear-gradient(145deg,rgba(26,30,32,0.9) 0%,rgba(36,39,41,0.8) 100%);border:2px solid rgba(135,206,235,0.2);color:var(--color-text);position:relative;backdrop-filter:blur(2px)}.feedback-field::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(135,206,235,0.5),transparent);transform:scaleX(0);transition:transform 0.6s ease}.feedback-field:focus::after{transform:scaleX(1)}.feedback-field:focus{border-color:rgba(135,206,235,0.4);box-shadow:0 0 25px rgba(135,206,235,0.2),inset 0 0 10px rgba(135,206,235,0.05)}.contacts-address,.contacts-link{position:relative;padding-left:30px}.contacts-address::before,.contacts-link::before{content:'💧';position:absolute;left:0;animation:mist-drift 5s ease-in-out infinite}footer{background:linear-gradient(180deg,#1a1e20 0%,#161a1d 50%,#121517 100%);position:relative}footer::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(135,206,235,0.3),rgba(159,168,178,0.2),rgba(135,206,235,0.3),transparent);animation:reflection-shimmer 8s ease-in-out infinite}.container{position:relative}.container::after{content:'';position:absolute;bottom:-20px;left:0;right:0;height:20px;background:inherit;transform:scaleY(-0.3);filter:blur(1px);opacity:0.2;z-index:-1}@media screen and (max-width:830px){.feature-card:hover,.info-block:hover,.article-card:hover,.navbar a:hover{animation:none}h1,h2,h3,h4{animation:none}body::before,body::after{animation:none}}