.header{position:fixed;top:0;left:0;right:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000;transition:all .3s ease}.header-scrolled{background-color:#fffffffa;box-shadow:var(--shadow)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.logo{flex-shrink:0;display:flex;align-items:center;gap:.75rem;width:200px}.logo:hover .logo-icon{transform:rotate(5deg) scale(1.05)}.nav-internal{flex:1;display:flex;justify-content:center;align-items:center}.page-title{font-size:1.5rem;font-weight:700;color:var(--dark-blue);margin:0;text-align:center;width:100%}.logo-text{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,var(--primary-blue),var(--light-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{flex:1;display:flex;justify-content:center}.nav-list{display:flex;list-style:none;gap:2rem}.nav-link{background:none;border:none;font-size:1rem;font-weight:500;color:var(--dark-gray);cursor:pointer;padding:.5rem 0;position:relative;transition:color .3s ease}.nav-link:hover{color:var(--primary-blue)}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--primary-blue);transition:width .3s ease}.nav-link:hover:after{width:100%}.header-actions{flex-shrink:0;width:200px;display:flex;justify-content:flex-end}.btn-login{font-size:.9rem;padding:.75rem 1.5rem}@media (max-width: 768px){.nav{display:none}.header-content{padding:.75rem 0}.logo-text{font-size:1.5rem}.btn-login{padding:.5rem 1rem;font-size:.8rem}}@media (max-width: 480px){.logo-text{font-size:1.3rem}}.hero{height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,var(--light-gray) 0%,#ffffff 100%);padding:80px 0;position:relative;overflow:hidden;overflow-x:hidden;box-sizing:border-box;scroll-snap-align:start}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:linear-gradient(45deg,rgba(37,99,235,.03) 0%,rgba(59,130,246,.05) 25%,rgba(96,165,250,.03) 50%,rgba(147,197,253,.04) 75%,rgba(37,99,235,.02) 100%);border-radius:50%;transform:rotate(15deg);z-index:0}.hero:after{content:"";position:absolute;bottom:-30%;left:-15%;width:40%;height:150%;background:linear-gradient(-45deg,rgba(30,64,175,.02) 0%,rgba(37,99,235,.04) 30%,rgba(59,130,246,.03) 60%,rgba(96,165,250,.02) 100%);border-radius:60% 40% 70% 30%;transform:rotate(-25deg);z-index:0}.hero-content{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center;position:relative;z-index:1;height:100%;max-height:calc(100vh - 160px)}.hero-text{width:350px;margin-bottom:2rem}.hero-title{font-size:3.5rem;font-weight:800;color:var(--dark-blue);margin-bottom:1.5rem;line-height:1.1}.hero-subtitle{font-size:1.3rem;color:var(--gray);margin-bottom:2rem;line-height:1.6}.hero-actions{display:flex;justify-content:center}.hero-actions .btn{width:100%;max-width:400px}.btn-large{padding:1.2rem 2.5rem;font-size:1.2rem;font-weight:700}.hero-visual{display:flex;justify-content:center;align-items:center;height:600px;position:relative}.infinite-scroll-container{width:100%;height:100%;position:relative;perspective:1000px;overflow:hidden}.news-carousel{display:flex;align-items:center;height:100%;animation:infiniteScroll 20s linear infinite}.news-slide{flex-shrink:0;width:280px;height:400px;margin-right:2rem;position:relative;animation:slideInUp .8s ease-out var(--delay) both}.news-slide-0{transform:rotate(-15deg) translate(-50px);opacity:.5;z-index:1}.news-slide-1{transform:rotate(0) translate(0);opacity:1;z-index:3}.news-slide-2{transform:rotate(15deg) translate(50px);opacity:.5;z-index:1}.news-slide-3{transform:rotate(-15deg) translate(-50px);opacity:.3;z-index:0}.news-slide-4{transform:rotate(15deg) translate(50px);opacity:.3;z-index:0}.news-card-glass{width:100%;height:100%;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3;position:relative;overflow:hidden;transition:all .3s ease}.news-card-glass:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.1) 100%);border-radius:20px;z-index:1}.news-image-container{position:relative;width:100%;height:100%;border-radius:20px;overflow:hidden}.news-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.news-overlay{position:absolute;bottom:0;left:0;right:0;background:rgba(255,255,255,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;z-index:2;color:var(--dark-blue);border-radius:0 0 12px 12px;text-align:left!important}.news-category{display:inline-block;background:linear-gradient(135deg,var(--primary-blue),var(--light-blue));color:var(--white);font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:15px;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.news-title{font-size:1.2rem;font-weight:700;margin-bottom:.75rem;line-height:1.3;color:var(--dark-blue)}.news-overlay .news-meta{display:flex;align-items:flex-start;flex-direction:column;gap:.25rem;font-size:.9rem;color:var(--dark-blue);text-align:left!important;font-weight:500}.news-overlay .news-meta span{display:block;text-align:left!important}@keyframes infiniteScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.news-slide:hover .news-card-glass{transform:scale(1.05);box-shadow:0 12px 40px #00000026,inset 0 1px #ffffff4d}.news-slide:hover .news-image{transform:scale(1.1)}@media (max-width: 968px){.hero-content{grid-template-columns:1fr;gap:3rem;text-align:center}.news-meta,.news-meta span{text-align:left!important}.hero-title{font-size:2.8rem}.hero-visual{height:500px}.news-slide{width:240px;height:350px}}@media (max-width: 768px){.hero{padding-top:100px;min-height:auto;padding-bottom:4rem}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.1rem}.hero-actions{justify-content:center}.btn-large{padding:.875rem 1.5rem;font-size:1rem}.hero-visual{height:400px}.news-slide{width:200px;height:300px;margin-right:1.5rem}.news-overlay{padding:1rem}.news-title{font-size:1rem}}@media (max-width: 480px){.hero-title{font-size:1.8rem}.hero-actions{flex-direction:column;align-items:center}.btn-large{width:100%;max-width:280px}.hero-visual{height:350px}.news-slide{width:180px;height:250px;margin-right:1rem}.news-overlay{padding:.75rem}.news-title{font-size:.9rem}.news-meta{font-size:.7rem}}.animated-element{pointer-events:auto;display:block}.animated-element *{pointer-events:auto}.qr-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;animation:fadeIn .3s ease-out}.qr-modal-content{background:var(--white);border-radius:24px;box-shadow:0 25px 50px #00000040;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:scaleIn .3s ease-out;border:1px solid var(--border-color)}.qr-modal-header{display:flex;align-items:center;justify-content:space-between;padding:2rem 2rem 1rem;border-bottom:1px solid var(--border-color)}.qr-modal-title{font-size:1.5rem;font-weight:700;color:var(--dark-blue);margin:0}.qr-modal-close{background:none;border:none;font-size:2rem;color:var(--text-color-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.qr-modal-close:hover{background:var(--light-gray);color:var(--text-color)}.qr-modal-body{padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center}.qr-code-display{margin-bottom:2rem}.qr-code-image{width:280px;height:280px;display:block;border-radius:16px;box-shadow:0 8px 24px #00000026}.qr-modal-instructions{margin-bottom:2rem}.qr-modal-instructions p{font-size:1rem;color:var(--text-color-secondary);margin:0 0 .5rem;line-height:1.5}.instruction-step{font-size:1rem;color:var(--text-color);margin:0 0 .75rem;line-height:1.5}.waiting-message{font-size:1rem;color:var(--primary-blue);font-weight:600;margin:1rem 0 0;padding:.75rem 1rem;background:rgba(37,99,235,.1);border-radius:8px;border:1px solid rgba(37,99,235,.2)}.qr-modal-instructions code{background:var(--light-gray);padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;color:var(--dark-blue);font-weight:600}.waiting-status{margin-top:1rem;padding:1rem;background:rgba(37,99,235,.1);border-radius:8px;border:1px solid rgba(37,99,235,.2)}.waiting-text{color:var(--primary-color)!important;font-weight:600;margin-bottom:.5rem!important}.attempts-text{font-size:.9rem!important;color:var(--text-color-secondary)!important;margin:0!important}.qr-modal-button{width:100%;max-width:300px}@media (max-width: 768px){.qr-modal-overlay{padding:1rem}.qr-modal-content{border-radius:16px}.qr-modal-header{padding:1.5rem 1.5rem 1rem}.qr-modal-title{font-size:1.3rem}.qr-modal-body{padding:1.5rem}.qr-code-image{width:240px;height:240px}}@media (max-width: 480px){.qr-modal-overlay{padding:.5rem}.qr-modal-header{padding:1rem 1rem .5rem}.qr-modal-body{padding:1rem}.qr-code-image{width:200px;height:200px}.qr-modal-instructions p{font-size:.9rem}}.features-section{height:100vh;background-color:var(--white);padding:0;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;scroll-snap-align:start}.features-section:before{content:"";position:absolute;top:10%;left:-10%;width:40%;height:80%;background:linear-gradient(45deg,rgba(37,99,235,.02) 0%,rgba(59,130,246,.04) 30%,rgba(96,165,250,.03) 60%,rgba(147,197,253,.02) 100%);border-radius:60% 40% 50% 80%;transform:rotate(-15deg);z-index:0}.features-section:after{content:"";position:absolute;bottom:5%;right:-8%;width:35%;height:70%;background:linear-gradient(-45deg,rgba(30,64,175,.03) 0%,rgba(37,99,235,.05) 40%,rgba(59,130,246,.03) 80%,rgba(96,165,250,.02) 100%);border-radius:50% 70% 40% 60%;transform:rotate(25deg);z-index:0}.features-container{width:100%;max-width:1400px;padding:2rem 2rem 0;display:flex;flex-direction:column;align-items:center}.section-header{text-align:center;margin-top:1rem;margin-bottom:2rem;position:relative;z-index:1;flex-shrink:0}.section-header .section-title{font-size:1.8rem;font-weight:700;color:var(--dark-blue);margin-bottom:.75rem}.section-header .section-subtitle{font-size:1rem;color:var(--gray);max-width:700px;margin:0 auto;line-height:1.4}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:.8rem;margin-bottom:1.5rem;flex:1;position:relative;z-index:1;align-items:stretch;padding:.5rem 0}.feature-card{background:var(--white);border-radius:12px;padding:1rem;border:1px solid var(--border-color);box-shadow:var(--shadow);transition:all .3s ease;position:relative;display:flex;flex-direction:column;height:100%}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-blue),var(--light-blue));transform:scaleX(0);transition:transform .3s ease;z-index:2}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.feature-icon{font-size:2rem;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,var(--primary-blue),var(--light-blue));border-radius:12px;color:#fff}.feature-content{flex:1}.feature-title{font-size:1.1rem;font-weight:700;color:var(--dark-blue);margin-bottom:.5rem;line-height:1.3}.feature-description{font-size:.85rem;color:var(--gray);line-height:1.4;flex:1}.features-cta{text-align:center;background:var(--white);padding:1.5rem;border-radius:16px;border:1px solid var(--border-color);box-shadow:var(--shadow);transition:all .3s ease;position:relative;flex-shrink:0;width:100%;margin:0 auto}.features-cta:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-blue),var(--light-blue));transform:scaleX(0);transition:transform .3s ease;z-index:2}.features-cta:hover:before{transform:scaleX(1)}.features-cta:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.features-cta h3{font-size:1.7rem;font-weight:700;color:var(--dark-blue);margin-bottom:.75rem}.features-cta p{font-size:1rem;color:var(--gray);margin-bottom:1.5rem;max-width:500px;margin-left:auto;margin-right:auto}@media (max-width: 1200px){.features-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}}@media (max-width: 768px){.features-section{padding:80px 0}.features-grid{grid-template-columns:1fr;grid-template-rows:repeat(6,auto);gap:1rem}.feature-card{padding:1.5rem}.feature-icon{width:70px;height:70px;font-size:2.2rem}.feature-title{font-size:1.3rem}.features-cta{padding:2rem 1.5rem}.features-cta h3{font-size:1.6rem}.features-cta p{font-size:1.1rem}}@media (max-width: 480px){.feature-card{padding:1.25rem}.feature-icon{width:60px;height:60px;font-size:2rem;margin-bottom:1rem}.feature-title{font-size:1.2rem}.feature-description{font-size:.95rem}.features-cta h3{font-size:1.4rem}.features-cta p{font-size:1rem}}.news-section{height:100vh;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;background:var(--white);scroll-snap-align:start}.news-section:before{content:"";position:absolute;top:20%;right:-10%;width:30%;height:60%;background:linear-gradient(135deg,rgba(37,99,235,.02) 0%,rgba(59,130,246,.04) 50%,rgba(96,165,250,.02) 100%);border-radius:50% 30% 70% 40%;transform:rotate(45deg);z-index:0}.news-container{width:100%;max-width:1400px;padding:2rem 2rem 0;display:flex;flex-direction:column;align-items:center}.section-header{text-align:center;margin-bottom:1.5rem;position:relative;z-index:1;flex-shrink:0}.section-subtitle{white-space:nowrap;margin-bottom:2rem}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:.5rem;margin-bottom:1.5rem;flex:1;width:100%;max-width:1200px}.news-item{background:var(--white);border-radius:12px;padding:.6rem;border:1px solid var(--border-color);box-shadow:var(--shadow);transition:all .3s ease;position:relative;overflow:hidden}.news-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-blue),var(--light-blue));transform:scaleX(0);transition:transform .3s ease}.news-item:hover:before{transform:scaleX(1)}.news-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.news-section .news-category{display:inline-block;color:var(--white);font-size:.6rem;font-weight:600;padding:.1rem .4rem;border-radius:12px;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.news-content{flex:1}.news-title{font-size:.95rem;font-weight:700;color:var(--dark-blue);margin-bottom:.3rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-excerpt{font-size:.75rem;color:var(--gray);margin-bottom:.6rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem}.news-meta{display:flex;flex-direction:column;gap:.2rem;align-items:flex-start}.news-source{font-size:.8rem;font-weight:600;color:var(--dark-blue)}.news-time{font-size:.75rem;color:var(--gray)}.read-more-btn{background:none;border:none;color:var(--primary-blue);font-size:.85rem;font-weight:600;cursor:pointer;padding:.4rem 0;transition:color .3s ease;white-space:nowrap}.read-more-btn:hover{color:var(--dark-blue)}.news-actions{text-align:center;flex-shrink:0}.load-more-btn{background:var(--primary-blue);color:var(--white);border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow)}.load-more-btn:hover{background:var(--dark-blue);transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (max-width: 1200px){.news-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}}@media (max-width: 768px){.news-grid{grid-template-columns:1fr;grid-template-rows:repeat(6,auto);gap:1rem}.news-item{padding:1.25rem}.news-footer{flex-direction:column;align-items:flex-start;gap:1rem}.read-more-btn{align-self:flex-end}}@media (max-width: 480px){.news-grid{grid-template-columns:1fr;gap:1rem}.news-item{padding:1rem}.news-title{font-size:1.1rem}.news-excerpt{font-size:.9rem}}.news-card-skeleton{background:var(--white);border-radius:12px;padding:.6rem;border:1px solid var(--border-color);box-shadow:var(--shadow);animation:pulse 1.5s ease-in-out infinite}.skeleton-category{width:80px;height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px;margin-bottom:.5rem}.skeleton-title{width:100%;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:.3rem}.skeleton-excerpt{width:100%;height:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:.3rem}.skeleton-excerpt:nth-child(4){width:80%}.skeleton-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.6rem}.skeleton-footer:before{content:"";width:60px;height:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-footer:after{content:"";width:80px;height:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.news-error,.news-empty{grid-column:1 / -1;text-align:center;padding:2rem;background:var(--white);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow)}.news-error p,.news-empty p{color:var(--gray);margin-bottom:1rem;font-size:1rem}.news-error p:first-child{color:#ef4444;font-weight:600}.retry-btn{background:var(--primary-blue);color:var(--white);border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-btn:hover{background:var(--dark-blue);transform:translateY(-1px)}.news-item{animation:fadeInUp .6s ease-out}.news-item:nth-child(1){animation-delay:.1s}.news-item:nth-child(2){animation-delay:.2s}.news-item:nth-child(3){animation-delay:.3s}.news-item:nth-child(4){animation-delay:.4s}.news-item:nth-child(5){animation-delay:.5s}.news-item:nth-child(6){animation-delay:.6s}.news-card{background:var(--white);border-radius:12px;padding:0;border:1px solid var(--border-color);box-shadow:var(--shadow);transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}.news-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.news-card-clickable{cursor:pointer}.news-card-clickable:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.news-card-clickable:hover .news-card-read-more{color:var(--dark-blue)}.news-card-category{display:inline-block;color:var(--white);font-size:.65rem;font-weight:600;padding:.15rem .5rem;border-radius:16px;margin:.8rem .8rem -.3rem;text-transform:uppercase;letter-spacing:.5px}.news-card-content{padding:.8rem;flex:1;display:flex;flex-direction:column}.news-card-title{font-size:.95rem;font-weight:700;color:var(--dark-blue);margin:0 0 .4rem;line-height:1.3;flex-shrink:0}.news-card-excerpt{color:var(--gray);line-height:1.4;margin:0 0 .8rem;font-size:.8rem;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.news-card-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;flex-shrink:0}.news-card-meta{display:flex;flex-direction:column;gap:.2rem;align-items:flex-start}.news-card-source{font-size:.8rem;font-weight:600;color:var(--dark-blue)}.news-card-time{font-size:.75rem;color:var(--gray)}.news-card-read-more{color:var(--primary-blue);font-size:.85rem;font-weight:600;transition:color .3s ease;padding:0;margin:0;text-align:right}.telegram-section{height:100vh;background:linear-gradient(135deg,var(--light-gray) 0%,#ffffff 100%);padding:60px 0;position:relative;overflow:hidden;display:flex;align-items:center;box-sizing:border-box;scroll-snap-align:start}.telegram-section:before{content:"";position:absolute;top:-20%;left:-5%;width:50%;height:140%;background:linear-gradient(-135deg,rgba(30,64,175,.03) 0%,rgba(37,99,235,.05) 25%,rgba(59,130,246,.03) 50%,rgba(96,165,250,.04) 75%,rgba(147,197,253,.02) 100%);border-radius:40% 60% 50% 70%;transform:rotate(20deg);z-index:0}.telegram-section:after{content:"";position:absolute;bottom:-30%;right:-15%;width:35%;height:160%;background:linear-gradient(45deg,rgba(37,99,235,.02) 0%,rgba(59,130,246,.04) 40%,rgba(96,165,250,.03) 70%,rgba(147,197,253,.02) 100%);border-radius:70% 30% 60% 40%;transform:rotate(-30deg);z-index:0}.telegram-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.telegram-visual{display:flex;justify-content:center;align-items:center}.phone-container{position:relative;transform:perspective(1000px) rotateY(-15deg) rotateX(5deg);transition:transform .3s ease}.phone-container:hover{transform:perspective(1000px) rotateY(-10deg) rotateX(2deg)}.phone{width:280px;height:560px;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-radius:35px;padding:8px;box-shadow:0 20px 40px #0000004d,inset 0 2px 4px #ffffff1a;position:relative}.phone:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:45px;height:5px;background:#333;border-radius:3px;z-index:10}.phone-screen{width:100%;height:100%;background:#ffffff;border-radius:27px;overflow:hidden;position:relative}.phone-header{background:linear-gradient(135deg,var(--primary-blue),var(--light-blue));color:#fff;padding:10px 15px 8px}.phone-status-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:14px;font-weight:600}.status-icons{display:flex;gap:5px;align-items:center}.signal,.wifi,.battery{width:15px;height:10px;background:white;border-radius:2px;position:relative}.signal:after{content:"";position:absolute;top:-3px;left:-3px;width:21px;height:16px;border:2px solid white;border-radius:3px;border-right:none;border-bottom:none}.wifi:after{content:"";position:absolute;top:-5px;left:-2px;width:19px;height:20px;border:2px solid white;border-radius:10px;border-bottom:none}.battery:after{content:"";position:absolute;right:-3px;top:2px;width:2px;height:6px;background:white;border-radius:0 1px 1px 0}.phone-title{display:flex;align-items:center;gap:10px;margin-top:4px}.contact-avatar{width:30px;height:30px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}.contact-info{flex:1;margin-top:2px}.contact-name{font-weight:600;font-size:14px}.contact-status{font-size:12px;opacity:.8}.phone-messages{height:calc(100% - 60px);padding:15px;overflow-y:auto;background:#f0f0f0;scroll-behavior:smooth}.phone-messages::-webkit-scrollbar{display:none}.message{margin-bottom:15px;animation:messageSlideIn .5s ease-out}.message-bot{display:flex;justify-content:flex-start}.message-user{display:flex;justify-content:flex-end}.message-content{max-width:80%;padding:10px 12px;border-radius:18px;position:relative}.message-bot .message-content{background:white;border-bottom-left-radius:5px}.message-user .message-content{background:var(--primary-blue);color:#fff;border-bottom-right-radius:5px}.message-text{font-size:14px;line-height:1.4;margin-bottom:5px}.message-time{font-size:11px;opacity:.7;text-align:right}.typing-indicator{display:flex;justify-content:center;margin-bottom:15px}.typing-dots{background:white;padding:10px 15px;border-radius:18px;display:flex;gap:3px}.typing-dots span{width:6px;height:6px;background:var(--gray);border-radius:50%;animation:typingDot 1.4s infinite ease-in-out}.typing-dots span:nth-child(1){animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}.telegram-text{max-width:500px}.telegram-description{font-size:1.2rem;color:var(--gray);margin-bottom:2.5rem;line-height:1.6}.telegram-features{margin-bottom:2.5rem}.feature-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.feature-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-blue),var(--light-blue));border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.feature-text h4{font-size:1.1rem;font-weight:600;color:var(--dark-blue);margin-bottom:.5rem}.feature-text p{font-size:.95rem;color:var(--gray);line-height:1.4}.telegram-actions{display:flex;gap:1rem;flex-wrap:wrap}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-10px);opacity:1}}@media (max-width: 968px){.telegram-content{grid-template-columns:1fr;gap:3rem}.telegram-text{text-align:center;max-width:100%}.phone-container{transform:none}.phone{width:250px;height:500px}}@media (max-width: 768px){.telegram-section{padding:80px 0}.telegram-features,.feature-item{text-align:left}.telegram-actions{justify-content:center}.phone{width:220px;height:440px}.phone-header{padding:15px 12px 12px}.phone-messages{padding:12px}}@media (max-width: 480px){.telegram-actions{flex-direction:column;align-items:center}.btn{width:100%;max-width:280px}.phone{width:200px;height:400px}}.contacts-section{height:100vh;background:linear-gradient(135deg,var(--light-gray) 0%,#ffffff 100%);padding:1rem 0;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-sizing:border-box;scroll-snap-align:start}.contacts-section:before{content:"";position:absolute;top:-15%;right:-5%;width:45%;height:130%;background:linear-gradient(135deg,rgba(30,64,175,.02) 0%,rgba(37,99,235,.04) 25%,rgba(59,130,246,.03) 50%,rgba(96,165,250,.04) 75%,rgba(147,197,253,.02) 100%);border-radius:70% 30% 60% 50%;transform:rotate(30deg);z-index:0}.contacts-section:after{content:"";position:absolute;bottom:-25%;left:-8%;width:38%;height:120%;background:linear-gradient(-135deg,rgba(37,99,235,.03) 0%,rgba(59,130,246,.05) 35%,rgba(96,165,250,.03) 65%,rgba(147,197,253,.02) 100%);border-radius:40% 80% 50% 60%;transform:rotate(-20deg);z-index:0}.contacts-container{width:100%;max-width:1400px;padding:0 2rem;display:flex;flex-direction:column;align-items:center;margin-top:4rem}.section-header{text-align:center;margin-top:0;margin-bottom:.5rem;position:relative;z-index:1;flex-shrink:0}.section-header .section-title{font-size:1.5rem;font-weight:700;color:var(--dark-blue);margin-bottom:.3rem!important}.section-header .section-subtitle{font-size:.9rem;color:var(--gray);max-width:800px;margin:0 auto;line-height:1.4}.contacts-content{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin-bottom:.5rem;position:relative;z-index:1;flex:1;width:100%}.contact-info{display:flex;flex-direction:column;gap:1.2rem}.contact-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--white);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow);transition:all .3s ease}.contact-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.contact-icon{width:45px;height:45px;background:linear-gradient(135deg,var(--primary-blue),var(--light-blue));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.contact-details h4{font-size:1.1rem;font-weight:600;color:var(--dark-blue);margin-bottom:.4rem}.contact-details p{font-size:.9rem;color:var(--dark-gray);margin-bottom:.25rem;font-weight:500}.contact-details span{font-size:.9rem;color:var(--gray)}.contact-form{background:var(--white);padding:.4rem 1.5rem;border-radius:16px;border:1px solid var(--border-color);box-shadow:var(--shadow);display:flex;flex-direction:column;height:fit-content;width:40vw;max-width:800px;min-width:400px}.form{display:flex;flex-direction:column;gap:.15rem;flex:none}.form-group{display:flex;flex-direction:column;gap:.1rem}.form-group:last-of-type{flex:1}.form-group label{font-size:.8rem;font-weight:600;color:var(--dark-blue)}.form-group input,.form-group select,.form-group textarea{padding:.3rem .8rem;border:2px solid var(--border-color);border-radius:8px;font-size:.8rem;transition:border-color .3s ease}.form-group textarea{resize:vertical;min-height:40px;flex:1}.form button{background:var(--primary-blue);color:var(--white);border:none;padding:.6rem 1.2rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:0;width:200px;align-self:center}.form button:hover{background:var(--dark-blue);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.form-group label{font-size:.95rem;font-weight:600;color:var(--dark-blue)}.form-group input,.form-group select,.form-group textarea{padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:border-color .3s ease;background:var(--white)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-blue)}.form-group textarea{resize:none;min-height:120px}.form-group select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.custom-select{background-color:var(--white);border:2px solid var(--border-color);border-radius:8px;padding:.7rem;font-size:.9rem;transition:all .3s ease;cursor:pointer}.custom-select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a}.custom-select:hover{border-color:var(--primary-blue)}.custom-select option{padding:.75rem;background-color:var(--white);color:var(--dark-blue);font-size:.9rem;border:1px solid var(--border-color);border-top:none;border-bottom:1px solid var(--border-color)}.custom-select option:first-child{border-top:1px solid var(--border-color)}.custom-select option:last-child{border-bottom:1px solid var(--border-color)}.custom-select option:hover{background-color:var(--light-gray)}.custom-select option:checked,.custom-select option:selected{background-color:var(--primary-blue);color:var(--white)}.custom-select option[disabled]{color:#9ca3af;background-color:#f9fafb;font-style:italic}.custom-dropdown{position:relative;width:100%}.custom-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;padding:.7rem;border:2px solid var(--border-color);border-radius:8px;background-color:var(--white);cursor:pointer;transition:all .3s ease;font-size:.9rem;min-height:44px}.custom-dropdown-trigger:hover{border-color:var(--primary-blue)}.custom-dropdown-trigger .placeholder{color:#9ca3af;font-style:italic}.dropdown-arrow{color:#6b7280;transition:transform .3s ease;flex-shrink:0}.dropdown-arrow.open{transform:rotate(180deg)}.custom-dropdown-menu{position:absolute;top:100%;left:0;right:0;background-color:var(--white);border:2px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:200px;overflow-y:auto}.custom-dropdown-option{padding:.75rem;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--border-color);font-size:.9rem}.custom-dropdown-option:last-child{border-bottom:none}.custom-dropdown-option:hover{background-color:var(--light-gray)}.custom-dropdown-option.selected{background-color:var(--primary-blue);color:var(--white)}.custom-dropdown.error .custom-dropdown-trigger{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.telegram-contact-card{display:flex;align-items:center;gap:1rem;background:var(--white);padding:1.2rem;border-radius:16px;border:1px solid var(--border-color);box-shadow:var(--shadow);transition:all .3s ease;text-decoration:none;color:inherit;width:40vw;max-width:400px;min-width:300px;cursor:pointer}.telegram-contact-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-blue)}.telegram-contact-icon{width:50px;height:50px;min-width:50px;min-height:50px;background-color:var(--primary-blue);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.grid-icon{width:30px;height:30px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3e%3cpath d='M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:contain}.telegram-contact-details{display:flex;flex-direction:column;flex-grow:1}.telegram-contact-title{font-size:1.2rem;font-weight:700;color:var(--dark-blue);margin-bottom:.2rem}.telegram-contact-username{font-size:.95rem;color:var(--text-color-secondary);margin-bottom:.1rem}.telegram-contact-description{font-size:.85rem;color:var(--text-color-tertiary)}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group.error .error-message{color:#ef4444;font-size:.875rem;margin-top:.25rem;display:block}.success-notification{background:#10b981;color:#fff;padding:1rem 1.5rem;border-radius:12px;margin-bottom:1rem;text-align:center;font-weight:600;animation:slideInDown .5s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.contact-item{animation:fadeInUp .6s ease-out}.contact-item:nth-child(1){animation-delay:.1s}.contact-item:nth-child(2){animation-delay:.2s}.contact-item:nth-child(3){animation-delay:.3s}.contact-item:nth-child(4){animation-delay:.4s}@media (max-width: 968px){.contacts-content{padding:0 1rem}.contacts-footer{grid-template-columns:1fr;gap:2rem}}@media (max-width: 768px){.contacts-section{padding:80px 0}.contact-form{padding:1.5rem;width:90vw;min-width:300px}.contact-item{padding:1.25rem}.contact-icon{width:50px;height:50px;font-size:1.5rem}.telegram-contact-card{width:90vw;min-width:250px;padding:1.25rem}.telegram-contact-icon{width:50px;height:50px;min-width:50px;min-height:50px}.grid-icon{width:32px;height:32px}}@media (max-width: 480px){.contact-item{flex-direction:column;text-align:center;gap:1rem}.contact-form{padding:1.25rem}.form{gap:1.25rem}}.auth-page{min-height:100vh;background:linear-gradient(135deg,var(--light-gray) 0%,#ffffff 100%);display:flex;flex-direction:column;position:relative;overflow:hidden;scroll-snap-align:none}.auth-content-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-back-btn{position:absolute;top:2rem;left:2rem;background:var(--white);border:2px solid var(--border-color);border-radius:12px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;color:var(--dark-blue);cursor:pointer;transition:all .3s ease;z-index:10;box-shadow:var(--shadow)}.auth-back-btn:hover{border-color:var(--primary-blue);color:var(--primary-blue);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.auth-container{width:100%;max-width:480px;position:relative;z-index:2}.auth-card{background:var(--white);border-radius:20px;padding:3rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);position:relative}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-logo{margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem}.auth-logo .logo-icon{width:48px;height:48px;transition:transform .3s ease}.auth-logo:hover .logo-icon{transform:rotate(5deg) scale(1.05)}.logo-icon-placeholder{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-blue),var(--light-blue));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;transition:transform .3s ease}.auth-logo:hover .logo-icon-placeholder{transform:rotate(5deg) scale(1.05)}.auth-logo .logo-text{font-size:2rem;font-weight:700;color:var(--primary-blue)}.auth-title{font-size:1.8rem;font-weight:700;color:var(--dark-blue);margin-bottom:.5rem}.auth-subtitle{font-size:1rem;color:var(--gray);line-height:1.5}.auth-form{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.9rem;font-weight:600;color:var(--dark-blue);margin-bottom:.5rem}.form-group input{width:100%;padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:12px;font-size:1rem;transition:all .3s ease;background:var(--white);box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a}.form-group input::placeholder{color:var(--light-gray)}.form-input{width:100%;padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:12px;font-size:1rem;transition:all .3s ease;background:var(--white);box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb1a}.btn-large{width:100%;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:12px;margin-bottom:1.5rem}.auth-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;overflow:hidden}.auth-decoration{position:absolute;border-radius:50%;background:linear-gradient(135deg,rgba(37,99,235,.08) 0%,rgba(59,130,246,.12) 30%,rgba(96,165,250,.06) 70%,rgba(147,197,253,.04) 100%);box-shadow:0 4px 20px #2563eb1a}.auth-decoration-1{width:120px;height:120px;top:100%;left:8%;animation:floatUp 12s linear infinite;animation-delay:0s}.auth-decoration-2{width:50px;height:50px;top:100%;left:25%;animation:floatUp 15s linear infinite;animation-delay:3s}.auth-decoration-3{width:150px;height:150px;top:100%;left:42%;animation:floatUp 18s linear infinite;animation-delay:6s}.auth-decoration-4{width:40px;height:40px;top:100%;left:58%;animation:floatUp 14s linear infinite;animation-delay:9s}.auth-decoration-5{width:80px;height:80px;top:100%;left:75%;animation:floatUp 16s linear infinite;animation-delay:12s}.auth-decoration-6{width:110px;height:110px;top:100%;left:92%;animation:floatUp 20s linear infinite;animation-delay:15s}.auth-decoration-7{width:60px;height:60px;top:100%;left:17%;animation:floatUp 13s linear infinite;animation-delay:4s}.auth-decoration-8{width:130px;height:130px;top:100%;left:33%;animation:floatUp 17s linear infinite;animation-delay:7s}.auth-decoration-9{width:70px;height:70px;top:100%;left:50%;animation:floatUp 11s linear infinite;animation-delay:1s}.auth-decoration-10{width:140px;height:140px;top:100%;left:67%;animation:floatUp 16s linear infinite;animation-delay:10s}.auth-decoration-11{width:45px;height:45px;top:100%;left:83%;animation:floatUp 14s linear infinite;animation-delay:5s}.auth-decoration-12{width:160px;height:160px;top:100%;left:3%;animation:floatUp 19s linear infinite;animation-delay:13s}.auth-decoration-13{width:90px;height:90px;top:100%;left:12%;animation:floatUp 15s linear infinite;animation-delay:8s}.auth-decoration-14{width:100px;height:100px;top:100%;left:35%;animation:floatUp 12s linear infinite;animation-delay:2s}.auth-decoration-15{width:55px;height:55px;top:100%;left:65%;animation:floatUp 18s linear infinite;animation-delay:11s}.auth-decoration-16{width:75px;height:75px;top:100%;left:22%;animation:floatUp 14s linear infinite;animation-delay:16s}.auth-decoration-17{width:95px;height:95px;top:100%;left:40%;animation:floatUp 16s linear infinite;animation-delay:18s}.auth-decoration-18{width:85px;height:85px;top:100%;left:55%;animation:floatUp 13s linear infinite;animation-delay:20s}.auth-decoration-19{width:65px;height:65px;top:100%;left:72%;animation:floatUp 17s linear infinite;animation-delay:22s}.auth-decoration-20{width:105px;height:105px;top:100%;left:88%;animation:floatUp 15s linear infinite;animation-delay:24s}@media (max-width: 768px){.auth-page{padding:1rem}.auth-card{padding:2rem}.auth-title{font-size:1.6rem}.auth-logo .logo-text{font-size:1.8rem}}@media (max-width: 480px){.auth-card{padding:1.5rem}.auth-title{font-size:1.4rem}.auth-subtitle{font-size:.9rem}.form-group input{padding:.75rem .875rem}.btn-large{padding:.875rem 1.5rem;font-size:1rem}}.qr-code-section{background:var(--white);padding:2rem;border-radius:16px;border:1px solid var(--border-color);box-shadow:var(--shadow);text-align:center;margin-top:1.5rem;max-width:400px;width:100%}.qr-code-section h3{color:var(--dark-blue);font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.qr-code-container{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:16px;border:2px solid var(--border-color);box-shadow:inset 0 2px 4px #0000000f}.qr-code-image{width:250px;height:250px;border-radius:12px;background:white;padding:1rem;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease}.qr-code-image:hover{transform:scale(1.02)}.qr-instructions{color:var(--text-color-secondary);font-size:.95rem;margin-bottom:1.5rem;line-height:1.5}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem 1.5rem;border-radius:12px;margin-top:1rem;font-size:.9rem;text-align:center;max-width:400px;width:100%}.info-message{background:#f0f9ff;border:1px solid #7dd3fc;color:#0369a1;padding:1rem 1.5rem;border-radius:12px;margin-top:1rem;font-size:.9rem;text-align:center;max-width:400px;width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem}.loading-spinner{width:16px;height:16px;border:2px solid #e0e7ff;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.error-message.waiting-message{background:#f0f9ff;border:1px solid #7dd3fc;color:#0369a1}.waiting-indicator{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.75rem;font-size:.85rem}.spinner{width:16px;height:16px;border:2px solid #e0e7ff;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.form-input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.btn:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.btn:disabled:hover{background-color:#9ca3af;transform:none;box-shadow:var(--shadow)}.btn-outline:hover{background-color:var(--primary-blue);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline:disabled{background-color:transparent;color:#9ca3af;border-color:#9ca3af;cursor:not-allowed}.btn-outline:disabled:hover{background-color:transparent;color:#9ca3af;border-color:#9ca3af;transform:none;box-shadow:none}.dashboard-page{min-height:100vh;background:linear-gradient(135deg,var(--light-gray) 0%,#ffffff 100%);scroll-snap-align:none;display:flex;flex-direction:column}.dashboard-main{flex:1;padding:6rem 2rem .5rem;position:relative;z-index:2;height:fit-content;min-height:auto;max-width:100%}.dashboard-container{max-width:1400px;margin:0 auto;width:100%}.dashboard-content{display:grid;grid-template-columns:300px 1fr;gap:2rem;align-items:start;height:fit-content;margin-top:0}.dashboard-sidebar{background:var(--white);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border-color);position:sticky;top:6rem;height:fit-content;max-height:calc(100vh - 6rem);overflow-y:auto}.user-profile{display:flex;align-items:center;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.user-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--primary-blue),var(--light-blue));display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-placeholder{font-size:2rem;color:#fff}.avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-info{flex:1;min-width:0}.user-name{font-size:1.1rem;font-weight:600;color:var(--dark-blue);margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-status{font-size:.9rem;color:var(--text-color-secondary);margin:0}.dashboard-menu{display:flex;flex-direction:column;gap:.5rem}.menu-item{background:none;border:none;padding:1rem;border-radius:12px;text-align:left;font-size:1rem;color:var(--text-color);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem}.menu-item:hover{background:var(--light-gray);color:var(--primary-blue)}.menu-item.active{background:var(--primary-blue);color:#fff}.dashboard-main-content{background:var(--white);border-radius:16px;padding:1rem;box-shadow:var(--shadow);border:1px solid var(--border-color);height:fit-content;min-height:auto;max-width:100%;overflow:hidden}.dashboard-news-section{width:100%;display:block;text-align:left}.dashboard-section-title{font-size:1.5rem;font-weight:600;color:var(--dark-blue);margin:0 0 1rem;text-align:left}.news-categories{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start;width:100%}.news-category-section{background:var(--white);border-radius:16px;border:1px solid var(--border-color);overflow:hidden;transition:all .3s ease;width:100%;max-width:none;height:fit-content}.news-category-section:nth-child(1) .category-section-header{animation-delay:.1s}.news-category-section:nth-child(2) .category-section-header{animation-delay:.2s}.news-category-section:nth-child(3) .category-section-header{animation-delay:.3s}.news-category-section:hover{box-shadow:0 8px 25px #0000001a}.dashboard-category-section-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none;position:relative;animation:dashboardFadeInDown .5s ease-out forwards;opacity:0;transform:translateY(-20px)}.category-section-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none;position:relative;animation:dashboardFadeInDown .5s ease-out forwards;opacity:1;transform:translateY(0);background-size:100% 100%!important;background-repeat:no-repeat!important}.category-section-header:hover{opacity:.9}.category-section-title{font-size:1.2rem;font-weight:600;color:#fff;margin:0}.category-toggle-icon{font-size:1rem;color:#fff;transition:transform .3s ease;font-weight:700}.category-toggle-icon.expanded{transform:rotate(180deg)}.category-section-content{overflow:hidden;transition:all .3s ease}.category-section-content.expanded{max-height:30vh;height:fit-content;min-height:200px;padding:.5rem}.category-section-content.collapsed{max-height:0;height:0;padding:0 .5rem}.news-navigation-container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%;padding:.5rem;height:fit-content;min-height:auto;overflow:hidden}.no-news-message{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;color:#999;font-size:1.1rem;font-style:italic;text-align:center;background:#f8f9fa;border-radius:12px;border:2px dashed #ddd;margin:1rem 0}.news-grid-container{flex:1;overflow-x:auto;overflow-y:hidden;height:fit-content;min-height:auto;padding-bottom:10px;max-width:100%;width:100%}.dashboard-news-grid{display:flex;gap:.5rem;transition:transform .3s ease;height:fit-content;min-height:auto;width:max-content}.dashboard-news-card{background:var(--light-gray);border-radius:12px;padding:.75rem;border:1px solid var(--border-color);transition:all .3s ease;animation:slideInUp .6s ease-out forwards;opacity:0;transform:translateY(30px);width:300px;flex-shrink:0}.dashboard-news-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-blue)}.dashboard-news-card.clickable{cursor:pointer}.dashboard-news-card.clickable:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-blue)}.dashboard-news-card:nth-child(1){animation-delay:.1s}.dashboard-news-card:nth-child(2){animation-delay:.2s}.dashboard-news-card:nth-child(3){animation-delay:.3s}.news-category{display:inline-block;background:var(--primary-blue);color:#fff;padding:.2rem .6rem;border-radius:16px;font-size:.75rem;font-weight:500;margin-bottom:.75rem}.news-title{font-size:1rem;font-weight:600;color:var(--dark-blue);margin:0 0 .5rem;line-height:1.3}.news-excerpt{font-size:.8rem;color:var(--text-color);line-height:1.3;margin:0 0 .4rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-color-secondary)}.news-time{font-weight:500}.news-source{background:var(--light-gray);padding:.2rem .4rem;border-radius:6px;font-size:.7rem}.news-link{color:var(--primary-blue);font-weight:600;font-size:.7rem;transition:color .3s ease}.news-link:hover{color:var(--dark-blue)}.no-news-message{text-align:center;padding:3rem 1rem;color:var(--text-color-secondary);font-size:1rem}.no-news-message p{margin:0}@media (max-width: 1024px){.dashboard-content{grid-template-columns:1fr;gap:1.5rem}.dashboard-sidebar{position:static;order:2}.dashboard-main-content{order:1}}@media (max-width: 768px){.dashboard-main{padding:1rem}.dashboard-sidebar,.dashboard-main-content{padding:1.25rem}.news-grid{grid-template-columns:1fr;gap:1rem}.category-section-header{padding:1rem 1.25rem}.category-section-title{font-size:1.1rem}.category-section-content.expanded{padding:1.25rem}.user-profile{flex-direction:column;text-align:center;gap:.75rem}.dashboard-menu{flex-direction:row;flex-wrap:wrap;gap:.5rem}.menu-item{flex:1;min-width:0;justify-content:center;text-align:center;padding:.75rem .5rem;font-size:.9rem}}@media (max-width: 480px){.dashboard-main{padding:.75rem}.dashboard-sidebar,.dashboard-main-content{padding:1rem;border-radius:12px}.user-avatar{width:50px;height:50px}.avatar-placeholder{font-size:1.5rem}.user-name{font-size:1rem}.section-title{font-size:1.3rem}.news-card{padding:1.25rem}.news-title{font-size:1rem}.news-excerpt{font-size:.9rem}}.dashboard-background{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.dashboard-decoration{position:absolute;border-radius:50%;background:linear-gradient(135deg,rgba(37,99,235,.08) 0%,rgba(59,130,246,.12) 30%,rgba(96,165,250,.06) 70%,rgba(147,197,253,.04) 100%);box-shadow:0 4px 20px #2563eb1a}.dashboard-decoration-1{width:120px;height:120px;top:100%;left:8%;animation:floatUp 12s linear infinite;animation-delay:0s}.dashboard-decoration-2{width:50px;height:50px;top:100%;left:25%;animation:floatUp 15s linear infinite;animation-delay:3s}.dashboard-decoration-3{width:150px;height:150px;top:100%;left:42%;animation:floatUp 18s linear infinite;animation-delay:6s}.dashboard-decoration-4{width:40px;height:40px;top:100%;left:58%;animation:floatUp 14s linear infinite;animation-delay:9s}.dashboard-decoration-5{width:80px;height:80px;top:100%;left:75%;animation:floatUp 16s linear infinite;animation-delay:12s}.dashboard-decoration-6{width:110px;height:110px;top:100%;left:92%;animation:floatUp 20s linear infinite;animation-delay:15s}.dashboard-decoration-7{width:60px;height:60px;top:100%;left:17%;animation:floatUp 13s linear infinite;animation-delay:4s}.dashboard-decoration-8{width:130px;height:130px;top:100%;left:33%;animation:floatUp 17s linear infinite;animation-delay:7s}.dashboard-decoration-9{width:70px;height:70px;top:100%;left:50%;animation:floatUp 11s linear infinite;animation-delay:1s}.dashboard-decoration-10{width:140px;height:140px;top:100%;left:67%;animation:floatUp 16s linear infinite;animation-delay:10s}.dashboard-decoration-11{width:45px;height:45px;top:100%;left:83%;animation:floatUp 14s linear infinite;animation-delay:5s}.dashboard-decoration-12{width:160px;height:160px;top:100%;left:3%;animation:floatUp 19s linear infinite;animation-delay:13s}.dashboard-decoration-13{width:90px;height:90px;top:100%;left:12%;animation:floatUp 15s linear infinite;animation-delay:8s}.dashboard-decoration-14{width:100px;height:100px;top:100%;left:35%;animation:floatUp 12s linear infinite;animation-delay:2s}.dashboard-decoration-15{width:55px;height:55px;top:100%;left:65%;animation:floatUp 18s linear infinite;animation-delay:11s}.dashboard-decoration-16{width:75px;height:75px;top:100%;left:22%;animation:floatUp 14s linear infinite;animation-delay:16s}.dashboard-decoration-17{width:95px;height:95px;top:100%;left:40%;animation:floatUp 16s linear infinite;animation-delay:18s}.dashboard-decoration-18{width:85px;height:85px;top:100%;left:55%;animation:floatUp 13s linear infinite;animation-delay:20s}.dashboard-decoration-19{width:65px;height:65px;top:100%;left:72%;animation:floatUp 17s linear infinite;animation-delay:22s}.dashboard-decoration-20{width:105px;height:105px;top:100%;left:88%;animation:floatUp 15s linear infinite;animation-delay:24s}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}50%{opacity:.8;transform:translateY(-5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dashboard-sources-section{width:100%;display:block;text-align:left}.sources-actions{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.add-source-form,.remove-source-form{display:flex;gap:.5rem;align-items:center;flex:1;min-width:300px}.source-input{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;transition:all .3s ease}.source-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a}.add-source-btn,.remove-source-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.add-source-btn{background:var(--primary-blue);color:#fff}.add-source-btn:hover{background:#2563eb;transform:translateY(-1px)}.remove-source-btn{background:#ef4444;color:#fff}.remove-source-btn:hover{background:#dc2626;transform:translateY(-1px)}.sources-list{display:flex;flex-direction:column;gap:1.5rem}.source-category{background:var(--white);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color);box-shadow:var(--shadow)}.source-category-title{font-size:1.2rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--light-gray)}.source-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem}.source-item{background:var(--light-gray);padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease}.source-item:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.source-link{font-size:.9rem;color:var(--dark-blue);text-decoration:none;word-break:break-all}.source-link:hover{color:var(--primary-blue);text-decoration:underline}.user-sources-category{border:2px solid #10B981;background:linear-gradient(135deg,#10B98110,#10B98105)}.user-source-item{display:flex;justify-content:space-between;align-items:center;gap:.5rem;position:relative}.remove-source-btn-small{background:#ef4444;color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.remove-source-btn-small:hover{background:#dc2626;transform:scale(1.1)}.user-source-item .source-link{flex:1;word-break:break-all}.user-source-item{animation:slideInFromLeft .4s ease-out forwards;opacity:0;transform:translate(-20px)}.user-source-item.removing{animation:slideOutToRight .3s ease-in forwards}.user-sources-category{animation:fadeInScale .5s ease-out forwards}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px) scale(.95)}50%{opacity:.8;transform:translate(-5px) scale(1.02)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideOutToRight{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(20px) scale(.95)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.add-source-btn:active,.remove-source-btn:active{transform:scale(.95);transition:transform .1s ease}.add-source-btn.success,.remove-source-btn.success{background:#10B981!important;animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.dashboard-notifications-section{width:100%;display:block;text-align:left}.notification-settings{background:var(--white);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color);box-shadow:var(--shadow);margin-bottom:2rem}.setting-item{display:flex;justify-content:space-between;align-items:center;gap:1rem}.setting-info h3{font-size:1.1rem;font-weight:600;color:var(--dark-blue);margin:0 0 .5rem}.setting-info p{font-size:.9rem;color:var(--text-gray);margin:0;line-height:1.4}.setting-control{flex-shrink:0}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.slider{background-color:var(--primary-blue)}input:checked+.slider:before{transform:translate(26px)}.slider:hover{box-shadow:0 0 8px #3b82f64d}@media (max-width: 768px){.setting-item{flex-direction:column;align-items:flex-start;gap:1rem}.setting-control{align-self:flex-end}.switch{width:50px;height:28px}.slider:before{height:20px;width:20px;left:4px;bottom:4px}input:checked+.slider:before{transform:translate(22px)}}.notifications-content{display:flex;flex-direction:column;gap:1rem}.notification-item{display:flex;gap:1rem;padding:1.5rem;background:var(--white);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow);transition:all .3s ease}.notification-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.notification-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--light-gray);border-radius:50%;flex-shrink:0}.notification-text{flex:1}.notification-text h4{font-size:1.1rem;font-weight:600;color:var(--dark-blue);margin:0 0 .5rem}.notification-text p{font-size:.9rem;color:var(--text-gray);margin:0 0 .5rem;line-height:1.4}.notification-time{font-size:.8rem;color:var(--text-gray);font-weight:500}.news-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#6b7280}.loading-spinner{width:40px;height:40px;border:4px solid #E5E7EB;border-top:4px solid #3B82F6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.news-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.news-controls{display:flex;align-items:center;gap:.5rem}.news-search-container{margin-bottom:1.5rem}.search-input-wrapper{position:relative;display:inline-block;width:100%;max-width:400px}.search-input{width:100%;padding:10px 40px 10px 15px;border:2px solid #E5E7EB;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s ease;background:white}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.clear-search-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px;color:#6b7280;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.clear-search-btn:hover{background:#F3F4F6;color:#374151}.search-results-info{margin-top:8px;font-size:14px;color:#6b7280;font-weight:500}.btn-secondary{padding:8px 16px;background-color:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.btn-secondary:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-secondary:active{transform:translateY(0)}.filters-panel{background:linear-gradient(135deg,#3B82F6,#1D4ED8);border-radius:12px;padding:1.5rem;margin-top:1.5rem;box-shadow:0 4px 12px #3b82f64d;color:#fff}.filters-header h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#fff}.filter-group{margin-bottom:1rem}.filter-group:last-child{margin-bottom:0}.filter-label{display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem;color:#ffffffe6}.filters-panel .search-input-wrapper{position:relative;width:100%}.filters-panel .search-input{width:100%;padding:10px 40px 10px 15px;border:2px solid rgba(255,255,255,.3);border-radius:8px;font-size:14px;outline:none;transition:all .2s ease;background:rgba(255,255,255,.95);color:#374151}.filters-panel .search-input:focus{border-color:#fffc;box-shadow:0 0 0 3px #fff3;background:white}.filters-panel .search-input::placeholder{color:#9ca3af}.filters-panel .clear-search-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px;color:#6b7280;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.filters-panel .clear-search-btn:hover{background:#F3F4F6;color:#374151}.filter-select{width:100%;padding:10px 15px;border:2px solid rgba(255,255,255,.3);border-radius:8px;font-size:14px;outline:none;transition:all .2s ease;background:rgba(255,255,255,.95);color:#374151;cursor:pointer}.filter-select:focus{border-color:#fffc;box-shadow:0 0 0 3px #fff3;background:white}.filter-select option{background:white;color:#374151}.clear-filters-btn{width:100%;padding:10px 15px;background:rgba(255,255,255,.2);color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-filters-btn:hover{background:rgba(255,255,255,.3);border-color:#ffffff80;transform:translateY(-1px)}.clear-filters-btn:active{transform:translateY(0)}.filter-results-info{margin-top:1rem;padding:.75rem;background:rgba(255,255,255,.1);border-radius:6px;font-size:.9rem;font-weight:500;text-align:center;color:#ffffffe6}@media (max-width: 768px){.news-section-header{flex-direction:column;align-items:stretch}.news-controls{justify-content:center}.search-input-wrapper{max-width:100%}.dashboard-content{grid-template-columns:1fr;gap:1rem}.dashboard-sidebar{position:static;max-height:none}.filters-panel{margin-top:1rem;padding:1rem}}.subscription-loading{position:absolute;right:-30px;top:50%;transform:translateY(-50%)}.loading-spinner-small{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #3B82F6;border-radius:50%;animation:spin 1s linear infinite}.switch .slider.loading{opacity:.7}.preferences-page{min-height:100vh;background:linear-gradient(135deg,var(--light-gray) 0%,var(--white) 100%);display:flex;flex-direction:column;position:relative;scroll-snap-align:none;overflow-y:auto}.preferences-content-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;z-index:5}.preferences-container{width:100%;max-width:600px;display:flex;justify-content:center}.preferences-card{background:var(--white);border-radius:24px;box-shadow:0 25px 50px #0000001a;padding:1.5rem;width:100%;border:1px solid var(--border-color);position:relative;overflow:hidden;z-index:10}.preferences-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-blue),var(--light-blue))}.progress-section{margin-bottom:1rem}.progress-bar{width:100%;height:8px;background:var(--light-gray);border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-blue),var(--light-blue));border-radius:4px;transition:width .5s ease}.step-indicator{font-size:.9rem;color:var(--text-color-secondary);text-align:center;font-weight:500}.preferences-header{margin-bottom:1rem;text-align:center}.preferences-title{font-size:1.6rem;font-weight:700;color:var(--dark-blue);margin:0;line-height:1.2}.preferences-content{margin-bottom:1rem}.categories-list{display:flex;flex-direction:column;gap:.3rem}.category-item{opacity:0;animation:fadeInUp .5s ease-out both}.category-label{display:flex;align-items:center;gap:.8rem;padding:.5rem 1rem;background:var(--white);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:.85rem;font-weight:500;color:var(--text-color)}.category-label:hover{border-color:var(--primary-blue);background:var(--light-gray);transform:translateY(-2px);box-shadow:0 8px 24px #2563eb1a}.category-checkbox{display:none}.checkbox-custom{width:18px;height:18px;border:2px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;position:relative}.checkbox-custom:after{content:"✓";color:var(--white);font-size:12px;font-weight:700;opacity:0;transition:opacity .3s ease}.category-checkbox:checked+.checkbox-custom{background:var(--primary-blue);border-color:var(--primary-blue)}.category-checkbox:checked+.checkbox-custom:after{opacity:1}.category-name{flex:1;line-height:1.4}.subcategories-list{display:flex;flex-direction:column;gap:.4rem}.subcategory-item{opacity:0;animation:fadeInUp .5s ease-out both}.subcategory-label{display:flex;align-items:center;gap:.8rem;padding:.6rem 1rem;background:var(--white);border:2px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:.85rem;font-weight:500;color:var(--text-color)}.subcategory-label:hover{border-color:var(--primary-blue);background:var(--light-gray);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb14}.subcategory-checkbox{display:none}.subcategory-checkbox:checked+.checkbox-custom{background:var(--primary-blue);border-color:var(--primary-blue)}.subcategory-checkbox:checked+.checkbox-custom:after{opacity:1}.subcategory-name{flex:1;line-height:1.4}.no-subcategories-message{text-align:center;color:#666;font-style:italic;padding:2rem;background:#f8f9fa;border-radius:8px;border:1px dashed #ddd}.preferences-actions{margin-top:1rem}.action-buttons{display:flex;justify-content:space-between;align-items:center;gap:1rem}.btn-back{background:none;border:none;color:var(--text-color-secondary);font-size:1rem;font-weight:500;cursor:pointer;padding:.75rem 1.5rem;border-radius:8px;transition:all .3s ease}.btn-back:hover:not(:disabled){color:var(--primary-blue);background:var(--light-gray)}.btn-back:disabled{opacity:.5;cursor:not-allowed}.btn-next{padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;min-width:120px;transition:all .3s ease}.btn-next:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2563eb4d}.preferences-logo{position:absolute;top:2rem;left:2rem;display:flex;align-items:center;gap:.75rem}.logo-icon{width:40px;height:40px;transition:transform .3s ease}.preferences-logo:hover .logo-icon{transform:rotate(5deg) scale(1.05)}.preferences-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;overflow:hidden}.preferences-decoration{position:absolute;border-radius:50%;background:linear-gradient(135deg,rgba(37,99,235,.08) 0%,rgba(59,130,246,.12) 30%,rgba(96,165,250,.06) 70%,rgba(147,197,253,.04) 100%);box-shadow:0 4px 20px #2563eb1a;pointer-events:none}.preferences-decoration-1{width:120px;height:120px;top:100%;left:8%;animation:floatUp 12s linear infinite;animation-delay:0s}.preferences-decoration-2{width:50px;height:50px;top:100%;left:25%;animation:floatUp 15s linear infinite;animation-delay:3s}.preferences-decoration-3{width:150px;height:150px;top:100%;left:42%;animation:floatUp 18s linear infinite;animation-delay:6s}.preferences-decoration-4{width:80px;height:80px;top:100%;left:58%;animation:floatUp 14s linear infinite;animation-delay:2s}.preferences-decoration-5{width:100px;height:100px;top:100%;left:75%;animation:floatUp 16s linear infinite;animation-delay:8s}.preferences-decoration-6{width:60px;height:60px;top:100%;left:90%;animation:floatUp 20s linear infinite;animation-delay:4s}.preferences-decoration-7{width:130px;height:130px;top:100%;left:15%;animation:floatUp 13s linear infinite;animation-delay:7s}.preferences-decoration-8{width:70px;height:70px;top:100%;left:35%;animation:floatUp 17s linear infinite;animation-delay:1s}.preferences-decoration-9{width:90px;height:90px;top:100%;left:65%;animation:floatUp 11s linear infinite;animation-delay:5s}.preferences-decoration-10{width:110px;height:110px;top:100%;left:85%;animation:floatUp 16s linear infinite;animation-delay:9s}@keyframes floatUp{0%{transform:translateY(0) scale(.8);opacity:0}10%{opacity:1;transform:translateY(-10vh) scale(1)}90%{opacity:1;transform:translateY(-90vh) scale(1)}to{transform:translateY(-100vh) scale(.8);opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.preferences-page{padding:1rem}.preferences-card{padding:2rem 1.5rem;border-radius:16px}.preferences-title{font-size:1.5rem}.category-label,.subcategory-label{padding:.875rem 1.25rem;font-size:.95rem}.action-buttons{flex-direction:column;gap:1rem}.btn-back,.btn-next{width:100%}.preferences-logo{position:static;justify-content:center;margin-bottom:2rem}}@media (max-width: 480px){.preferences-card{padding:1.5rem 1rem}.preferences-title{font-size:1.3rem}.category-label,.subcategory-label{padding:.75rem 1rem;font-size:.9rem}.checkbox-custom{width:18px;height:18px}.checkbox-custom:after{font-size:10px}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;overflow-x:hidden}body:has(.preferences-page),body:has(.auth-page),body:has(.dashboard-page){scroll-snap-type:none!important}html:has(.preferences-page),html:has(.auth-page),html:has(.dashboard-page){scroll-snap-type:none!important}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#fff}:root{--primary-blue: #2563eb;--light-blue: #3b82f6;--dark-blue: #1e40af;--accent-blue: #60a5fa;--white: #ffffff;--light-gray: #f8fafc;--gray: #64748b;--dark-gray: #334155;--border-color: #e2e8f0;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0}.section-title{font-size:2.5rem;font-weight:700;color:var(--dark-blue);text-align:center;margin-bottom:20px}.section-subtitle{font-size:1.2rem;color:var(--gray);text-align:center;margin-bottom:10px;max-width:600px;margin-left:auto;margin-right:auto}.btn{display:inline-block;padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease}.btn-primary{background-color:var(--primary-blue);color:var(--white)}.btn-primary:hover{background-color:var(--dark-blue);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline{background-color:transparent;color:var(--primary-blue);border:2px solid var(--primary-blue)}.btn-outline:hover{background-color:var(--primary-blue);color:var(--white)}.fade-in-up{animation:fadeInUp .6s ease-out}@media (max-width: 768px){.section{padding:60px 0}.section-title{font-size:2rem}.container{padding:0 15px}}.animated-element{opacity:0}.animate-hidden{opacity:0;transform:translateY(30px)}.animate-fadeInUp{animation:fadeInUp .6s ease-out both}.animate-fadeInLeft{animation:fadeInLeft .6s ease-out both}.animate-fadeInRight{animation:fadeInRight .6s ease-out both}.animate-fadeIn{animation:fadeIn .6s ease-out both}.animate-scaleIn{animation:scaleIn .6s ease-out both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}