body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;padding-top:100px}.app,body{background-color:#1a1a1a}.app{display:flex;flex-direction:column;min-height:100vh}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000;border-bottom:2px solid #0000;box-shadow:0 2px 20px #00000080;left:0;padding:1.2rem 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar:after{animation:borderFlow 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#0000 20%,gold 30%,#ffed4a 50%,gold 70%,#0000 80%,#0000);background-size:200% 100%;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}@keyframes borderFlow{0%{background-position:-200% 0}50%{background-position:200% 0}to{background-position:-200% 0}}.navbar.scrolled{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#000000f2;box-shadow:0 4px 30px #000000b3}.navbar.scrolled:after{animation-duration:2.5s;background:linear-gradient(90deg,#0000,#0000 15%,gold 25%,#ffed4a 40%,#fff 50%,#ffed4a 60%,gold 75%,#0000 85%,#0000);height:4px}.nav-container{justify-content:space-between;margin:0 auto;max-width:95vw;padding:0 20px}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:gold;font-size:1.8rem;font-weight:700;text-decoration:none;transition:color .3s ease}.nav-logo:hover{color:#fff}.logo-image{border-radius:8px;filter:brightness(1.1) contrast(1.05);height:120px;max-width:350px;object-fit:contain;transition:all .3s ease;width:auto}.logo-image:hover{filter:brightness(1.2) contrast(1.1);opacity:.85;transform:scale(1.05)}.nav-menu{align-items:center;display:flex;gap:2rem;list-style:none}.nav-item,.nav-link{position:relative}.nav-link{background:none;border:none;border-radius:4px;color:gold;cursor:pointer;font-family:inherit;font-size:1.1rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.nav-link:hover{background-color:#ffd7001a;color:#fff;text-decoration:underline}.nav-link:active{transform:translateY(1px)}.login-btn{background:linear-gradient(135deg,gold,#e6c200);border-radius:25px;color:#000;font-weight:600;padding:.6rem 1.5rem}.login-btn:hover{background:linear-gradient(135deg,#e6c200,#cca000);box-shadow:0 4px 12px #ffd7004d;color:#000;text-decoration:none;transform:translateY(-1px)}.logout-btn{background:#ffffff1a;border:1px solid #ffd7004d;border-radius:20px}.logout-btn:hover{background:#ff00001a;border-color:#ff000080;color:#ff6b6b;text-decoration:none}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;padding:8px;z-index:1001}.hamburger span{background-color:gold;border-radius:3px;height:3px;margin:3px 0;transition:all .3s ease;width:25px}.hamburger.active span:first-child{transform:rotate(45deg) translate(9px,9px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu{height:100vh;position:fixed;right:-100%;top:0;transition:right .3s ease;width:100%;z-index:999}.mobile-menu.active{right:0}.mobile-menu-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;height:100%;left:0;position:absolute;top:0;width:100%}.mobile-menu-content{background:linear-gradient(180deg,#000,#1a1a1a);box-shadow:-5px 0 20px #00000080;display:flex;flex-direction:column;height:100%;position:absolute;right:0;top:0;width:280px}.mobile-menu-header{align-items:center;border-bottom:1px solid #ffd70033;display:flex;justify-content:space-between;padding:1rem 1.5rem}.mobile-logo img{border-radius:6px;height:55px;max-width:160px;object-fit:contain;width:auto}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:gold;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.close-btn:hover{background:#ffd7001a;transform:rotate(90deg)}.mobile-nav-list{flex:1 1;list-style:none;padding:1rem 0}.mobile-nav-list li{margin:0}.mobile-nav-link{align-items:center;background:none;border:none;color:gold;cursor:pointer;display:flex;font-family:inherit;font-size:1.1rem;font-weight:500;gap:1rem;padding:1rem 1.5rem;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}.mobile-nav-link:hover{background:#ffd7001a;color:#fff;padding-left:2rem}.nav-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.mobile-nav-link.login-link{align-items:center;background:none!important;color:gold!important;display:flex;font-weight:500;gap:1rem;margin:0;padding:1rem 1.5rem}.mobile-nav-link.login-link:hover{background:#ffd7001a!important;color:#e6c200!important;padding-left:2rem}.logout-link{border-top:1px solid #ffd70033;color:#ff6b6b!important;margin-top:auto}.logout-link:hover{background:#ff6b6b1a;color:#fff!important}.main-content{background-color:#1a1a1a;flex:1 1;margin-top:0}@media (max-width:768px){body{padding-top:85px}.desktop-menu{display:none}.hamburger{display:flex}.nav-container{padding:0 15px}.logo-image{height:95px;max-width:280px}.navbar{padding:1rem 0}.main-content{max-width:none!important;text-align:justify;text-justify:inter-word;width:100vw!important}.main-content article,.main-content div,.main-content p,.main-content section,.main-content span{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-align:justify;text-justify:inter-word}.main-content h1,.main-content h2,.main-content h3,.main-content h4,.main-content h5,.main-content h6{-webkit-hyphens:none;hyphens:none;text-align:left}.main-content .btn,.main-content .form-control,.main-content button,.main-content input,.main-content select,.main-content textarea{-webkit-hyphens:none;hyphens:none;text-align:center}.main-content .nav-link,.main-content .navbar,.main-content nav{-webkit-hyphens:none;hyphens:none;text-align:left}}@media (max-width:480px){body{padding-top:75px}.mobile-menu-content{width:100%}.navbar{padding:.8rem 0}.nav-container{padding:0 10px}.logo-image{height:85px;max-width:250px}.mobile-logo img{height:70px;max-width:200px}.main-content{max-width:none!important;padding:0 15px;width:100vw!important}.main-content article,.main-content div,.main-content p,.main-content section,.main-content span{line-height:1.6;text-align:justify;text-justify:inter-word}}.app .text-gold{color:gold}.app .text-white{color:#fff}.app .bg-dark{background-color:#1a1a1a}.app .bg-black{background-color:#000}.text-justify{text-align:justify;text-justify:inter-word}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:gold;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#e6c200}.app-loading{align-items:center;background:#1a1a1a;display:flex;height:100vh;justify-content:center}.loading-spinner{color:gold;font-size:18px}html{scroll-behavior:smooth}@media (max-width:1024px){.navbar:after{animation-duration:3s}}@media (max-width:600px){.navbar:after{animation-duration:2s;height:2px}}.hot-topics-box,.hot-topics-container,.news-box,.prediction-box,.topics-grid-new{max-width:90vw!important;width:100vw!important}.hot-topics-container .container{max-width:90vw!important}@media (min-width:768px){.hot-topics-container,.topics-grid-new{max-width:90vw!important;width:90vw!important}.hot-topics-box,.news-box,.prediction-box{max-width:48%!important;min-width:45%!important}}@media (min-width:1200px){.hot-topics-box,.news-box,.prediction-box{max-width:48%!important;min-width:45%!important}}.hot-topics-container .container{max-width:none!important;padding:0 1rem!important;width:100vw!important}.hot-topics-box,.news-box,.prediction-box{flex:1 1!important}.hot-topics-box .content,.news-box .content,.prediction-box .content{display:flex!important;flex-direction:column!important;min-height:350px!important}@media (max-width:768px){.topics-grid-new{gap:3rem!important;grid-template-columns:1fr 1fr!important}.hot-topics-container{max-width:95vw!important;width:95vw!important}}@media (min-width:1400px){.hot-topics-container{max-width:2400px!important;width:1600px!important}}.hot-topics-box .topics-content,.news-box .news-content,.prediction-box .topic-content{height:auto!important;min-height:330px!important;overflow-y:auto!important}.news-item,.prediction-item,.topic-item{margin-bottom:1rem!important;padding:.5rem!important}.topics-grid-new{padding:0 1rem!important}.hot-topics-box,.news-box,.prediction-box{height:auto!important;min-height:440px!important;padding:1.5rem!important}.hot-topics-box .content,.news-box .content,.prediction-box .content{min-height:330px!important;padding:1rem!important}@media (max-width:768px){.hot-topics-container{max-width:95vw!important;padding:0 1rem!important;width:95vw!important}.topics-grid-new{padding:0 .25rem!important}}.hot-topics-box,.news-box,.prediction-box{max-width:calc(50% - 1.5rem)!important;min-width:calc(50% - 1.5rem)!important;overflow:visible!important;padding:1.5rem 2rem!important}.hot-topics-box h3,.news-box h3,.prediction-box h3{word-wrap:break-word!important;line-height:1.4!important;overflow:visible!important;white-space:normal!important}.hot-topics-box li,.hot-topics-box p,.news-box li,.news-box p,.prediction-box li,.prediction-box p{word-wrap:break-word!important;line-height:1.5!important;margin-bottom:.75rem!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}.news-content,.prediction-content,.topic-content{height:auto!important;max-height:none!important;overflow:visible!important}.hot-topics-box *,.news-box *,.prediction-box *{overflow:visible!important;text-overflow:clip!important;white-space:normal!important}.topics-grid-new{margin:0!important;padding:0 .25rem!important}@media (min-width:1400px){.hot-topics-container{max-width:2400px!important;width:1600px!important}.hot-topics-box,.news-box,.prediction-box{max-width:calc(47% - .5rem)!important;min-width:calc(47% - .5rem)!important}}.hot-topics-container{max-width:95vw!important;padding:0 1rem!important;width:95vw!important}.topics-grid-new{max-width:none!important;width:100vw!important}.hot-topics-box,.news-box,.prediction-box{overflow:hidden!important}@media (max-width:1300px){.hot-topics-container{max-width:98vw!important;padding:0 .5rem!important;width:98vw!important}.topics-grid-new{gap:.75rem!important}}@media (min-width:1400px){.hot-topics-container{max-width:2600px!important;width:1190px!important}}.hot-topics-container{align-items:flex-start!important;margin:0!important}.topics-grid-new{grid-gap:3rem!important;gap:3rem!important;justify-self:center!important;width:90vw!important}.hot-topics-container{align-items:center!important;display:flex!important;max-width:100vw!important;padding:0!important;width:100vw!important}.hot-topics-container,.topics-grid-new{box-sizing:border-box!important;justify-content:center!important;margin:0 auto!important}.topics-grid-new{grid-gap:2rem!important;align-items:start!important;display:grid!important;gap:2rem!important;max-width:2400px!important;width:100%!important}.hot-topics-box,.news-box,.prediction-box{box-sizing:border-box!important;margin:0!important;max-width:none!important;min-width:0!important;width:100vw!important}.hot-topics-container *{box-sizing:border-box!important}@media (min-width:768px){.topics-grid-new{max-width:2200px!important;width:95vw!important}}@media (min-width:1200px){.topics-grid-new{max-width:2400px!important;width:75vw!important}}@media (min-width:768px) and (max-width:1024px){.topics-grid-new{gap:2rem!important;grid-template-columns:1fr 1fr!important;max-width:600px!important}.hot-topics-box,.news-box,.prediction-box{max-width:none!important;width:100vw!important}}@media (min-width:1025px) and (max-width:1366px){.topics-grid-new{gap:2rem!important;grid-template-columns:1fr 1fr!important;max-width:2000px!important}.hot-topics-box,.news-box,.prediction-box{max-width:none!important;width:100vw!important}}@media (max-width:767px){.topics-grid-new{gap:1.5rem!important;grid-template-columns:1fr 1fr!important;max-width:90vw!important;width:90vw!important}.hot-topics-box,.news-box,.prediction-box{max-width:none!important;min-width:0!important;min-width:auto!important;width:100vw!important}.hot-topics-container{padding:0 1rem!important}}@media (max-width:480px){.topics-grid-new{gap:3rem!important;grid-template-columns:1fr 1fr!important;max-width:95vw!important;width:95vw!important}.hot-topics-container{padding:0 .5rem!important}}.topics-grid-new{grid-template-columns:1fr 1fr!important}@media (min-width:768px) and (max-width:1366px){.topics-grid-new{gap:2rem!important;grid-template-columns:1fr 1fr!important;max-width:2000px!important}}@media (min-width:1367px){.topics-grid-new{gap:3rem!important;grid-template-columns:1fr 1fr!important;max-width:800px!important}}@media (max-width:767px){.content-description{margin-bottom:1rem!important;padding:.75rem!important}.content-description,.keywords{max-height:none!important;overflow:visible!important}.keywords{flex-wrap:wrap!important;gap:.5rem!important;padding:.5rem!important}.hot-topics-box,.news-box,.prediction-box{height:auto!important;min-height:auto!important;padding:1.5rem!important}.hot-topics-box p,.news-box p,.prediction-box p{color:#e5e5e5!important;font-size:.9rem!important;line-height:1.5!important}.content-container{height:auto!important;min-height:auto!important;overflow:visible!important}.hot-topics-box ul li,.news-box ul li{font-size:.85rem!important;line-height:1.4!important;margin-bottom:.75rem!important;padding:.5rem!important}.keywords span,.tag-button{font-size:.8rem!important;margin-bottom:.5rem!important;margin-right:.5rem!important;padding:.4rem .8rem!important}}@media (max-width:480px){.hot-topics-box,.news-box,.prediction-box{margin-bottom:1rem!important;padding:1rem!important}.content-description{font-size:.85rem!important;padding:.5rem!important}.keywords{padding:.25rem!important}.keywords span{font-size:.75rem!important;padding:.3rem .6rem!important}}@media (max-width:767px){.topics-grid-new{gap:2rem!important;grid-template-columns:1fr 1fr!important;max-width:none!important;padding:0 1rem!important;width:100vw!important}.hot-topics-box,.news-box,.prediction-box,.topic-box{height:auto!important;margin:0!important;max-width:none!important;min-height:auto!important;min-width:100vw!important;padding:2rem 1.5rem!important;width:100vw!important}.hot-topics-container{max-width:none!important;padding:0 1rem!important}.content-header h4{color:#fff!important;font-size:1.6rem!important;font-weight:700!important;line-height:1.3!important;margin-bottom:1rem!important}.content-description{-webkit-line-clamp:unset!important;background:#ffffff0d!important;border-radius:12px!important;display:block!important;margin-bottom:1.5rem!important;max-height:none!important;overflow:visible!important;padding:1rem!important}.content-description,.content-main p{color:#eee!important;font-size:1.2rem!important;line-height:1.6!important}.content-main p{margin-bottom:1rem!important}.bullet-points-container{background:#ffd70014!important;border:2px solid #ffd7004d!important;border-radius:16px!important;margin:1rem 0 2rem!important;padding:1.5rem!important}.bullet-point{background:#ffffff08!important;border-radius:8px!important;color:#fff!important;font-size:1.1rem!important;line-height:1.5!important;margin-bottom:.5rem!important;padding:.75rem 0 .75rem 2rem!important}.bullet-point:before{color:gold!important;font-size:1.3rem!important;left:.5rem!important;top:.75rem!important}.keywords{gap:.8rem!important;margin-top:1.5rem!important;max-height:none!important;overflow:visible!important;padding:1rem!important}.keyword-tag,.keywords span{background:#ffd70040!important;border:2px solid #ffd70099!important;border-radius:20px!important;color:gold!important;display:inline-block!important;font-size:1rem!important;font-weight:600!important;margin:.3rem!important;padding:.6rem 1rem!important}.box-content{height:auto!important;min-height:auto!important;overflow:visible!important;padding:1rem 0!important}.content-meta{border-top:2px solid #ffd70033!important;margin-top:2rem!important;padding-top:1.5rem!important}.box-controls{border-top:2px solid #ffd70026!important;margin-top:2rem!important;padding:2rem 0 1rem!important}.nav-button{background:#ffd70040!important;border:3px solid #ffd70099!important;height:50px!important;width:50px!important}.nav-button svg{stroke-width:3!important;height:24px!important;width:24px!important}}@media (max-width:480px){.hot-topics-box,.news-box,.prediction-box,.topic-box{padding:1.5rem 1rem!important}.content-header h4{font-size:1.4rem!important}.content-description{font-size:1.1rem!important;padding:.8rem!important}.bullet-point{font-size:1rem!important;padding:.6rem 0 .6rem 1.8rem!important}.bullet-point:before{font-size:1.2rem!important;left:.3rem!important}.keyword-tag,.keywords span{font-size:.9rem!important;padding:.5rem .8rem!important}}@media (max-width:767px){.hot-topics-box *,.news-box *,.prediction-box *,.topic-box *{word-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;overflow-wrap:break-word!important;white-space:normal!important;word-break:break-word!important}.content-header h2,.content-header h3,.content-header h4{line-height:1.3!important}.bullet-point,.content-header h2,.content-header h3,.content-header h4{word-wrap:break-word!important;max-width:none!important;overflow-wrap:break-word!important;white-space:normal!important;word-break:break-word!important}.bullet-point{display:block!important;width:100vw!important}.content-description,.content-main p{max-width:none!important;width:100vw!important}.content-description,.content-main p,.keyword-tag,.keywords span{word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important;word-break:break-word!important}.keyword-tag,.keywords span{max-width:calc(100% - 1rem)!important}.box-content,.bullet-points-container,.keywords{max-width:none!important;overflow:hidden!important;width:100vw!important}.hot-topics-box,.news-box,.prediction-box,.topic-box{box-sizing:border-box!important;margin:0 .5rem!important;max-width:calc(100% - 1rem)!important;padding:2rem 1.5rem!important}.topics-grid-new{margin:0!important;max-width:none!important;overflow:hidden!important;padding:0 1rem!important}.hot-topics-container{overflow:hidden!important;padding:0 .5rem!important}}@media (max-width:480px){.hot-topics-box,.news-box,.prediction-box,.topic-box{margin:0 .25rem!important;max-width:calc(100% - .5rem)!important;padding:1.5rem 1rem!important}.topics-grid-new{padding:0 .5rem!important}.hot-topics-container{padding:0 .25rem!important}}.main-content{max-width:none!important;width:100vw!important}.hot-topics-container,.hot-topics-section{margin:0 auto!important;max-width:95vw!important;padding:0 2rem!important;width:95vw!important}.topics-grid,.topics-grid-new{grid-gap:3rem!important;display:grid!important;gap:3rem!important;grid-template-columns:1fr 1fr!important;margin:0 auto!important;max-width:2400px!important;padding:0!important;width:100%!important}.hot-topics-box,.news-box,.prediction-box,.topic-box{box-sizing:border-box!important;margin:0!important;max-width:calc(50% - 1.5rem)!important;min-height:650px!important;min-width:calc(50% - 1.5rem)!important;padding:3rem!important;width:calc(50% - 1.5rem)!important}.container{margin:0 auto!important;max-width:2400px!important;padding:0 2rem!important;width:95vw!important}@media (min-width:1400px){.hot-topics-container,.hot-topics-section{max-width:98vw!important;width:98vw!important}.topics-grid,.topics-grid-new{gap:4rem!important;max-width:2600px!important}.hot-topics-box,.news-box,.prediction-box,.topic-box{min-height:700px!important;padding:4rem!important}}@media (min-width:768px){.topics-grid-new{grid-gap:2rem!important;display:grid!important;gap:2rem!important;grid-template-columns:1fr 1fr!important}.hot-topics-box,.news-box,.prediction-box,.topic-box{max-width:calc(50% - 1rem)!important;min-width:calc(50% - 1rem)!important;width:calc(50% - 1rem)!important}}@media (min-width:768px) and (max-width:1366px){.topics-grid-new{gap:2.5rem!important;grid-template-columns:1fr 1fr!important;max-width:2000px!important}}@media (max-width:767px){.topics-grid-new{gap:1.5rem!important;grid-template-columns:1fr!important}.hot-topics-box,.news-box,.prediction-box,.topic-box{max-width:100%!important;min-width:100%!important;width:100%!important}body,html{margin:0!important;overflow-x:hidden;padding:0!important;width:100%}body{padding-top:75px!important}.main-content{padding:0!important}.hot-topics-container,.main-content{margin:0!important;max-width:100%!important;width:100%!important}.hot-topics-container{box-sizing:border-box!important;padding:0 .5rem!important}.topics-grid-new{gap:1.5rem!important;grid-template-columns:1fr!important;margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}.hot-topics-box,.news-box,.prediction-box,.topic-box{box-sizing:border-box!important;margin:0 0 1.5rem!important;max-width:100%!important;min-width:100%!important;padding:1.5rem .75rem!important;width:100%!important}.box-content,.bullet-points-container,.content-description,.content-main,.keywords{box-sizing:border-box!important;max-width:100%!important;padding-left:.5rem!important;padding-right:.5rem!important;width:100%!important}.navbar{padding-left:0!important;padding-right:0!important;width:100%!important}.nav-container{max-width:100%!important;padding:0 .75rem!important;width:100%!important}}@media (max-width:480px){.hot-topics-container{padding:0 .25rem!important}.hot-topics-box,.news-box,.prediction-box,.topic-box{padding:1.25rem .5rem!important}.nav-container{padding:0 .5rem!important}}@media (max-width:767px){.hot-topics-container{padding:0!important}.hot-topics-box,.news-box,.prediction-box,.topic-box{border-radius:0!important;padding:1.5rem 1rem!important}}.multilingual-button{background:inherit;border:inherit;border-radius:inherit;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;height:74px;min-width:320px;overflow:hidden;position:relative;transition:all .3s ease}.button-content,.multilingual-button{align-items:center;display:flex;justify-content:center}.button-content{gap:8px;height:100%;width:100%}.button-icon{flex-shrink:0}.button-text{font-size:.98em;line-height:1.2;max-width:260px;min-width:240px;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:opacity .3s ease;white-space:nowrap}.button-text:lang(fa){direction:rtl;font-size:.86em}.button-text:lang(zh){font-size:.92em}.button-text:lang(ru){font-size:.86em}@media (max-width:768px){.multilingual-button{height:66px;min-width:280px}.button-text{font-size:.92em;max-width:220px;min-width:200px}.button-text:lang(fa),.button-text:lang(ru){font-size:.81em}}@media (max-width:480px){.multilingual-button{height:56px;min-width:240px}.button-text{font-size:.86em;max-width:200px;min-width:180px}.button-text:lang(fa),.button-text:lang(ru),.button-text:lang(zh){font-size:.75em}}.faq-section{background:#000;min-height:100vh;overflow:hidden;padding:80px 20px;position:relative}.faq-section:before{background:radial-gradient(circle at 30% 50%,#ffd7000d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.faq-container{margin:0 auto;max-width:900px;position:relative;z-index:1}.faq-header{margin-bottom:60px;text-align:center}.faq-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ffed4a 50%,#f59e0b);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:20px}.faq-subtitle{color:#b0b0b0;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffd70026;border-radius:16px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.faq-item:before{background:linear-gradient(135deg,#ffd7001a,#0000);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease}.faq-item:hover{border-color:#ffd70066;box-shadow:0 10px 30px #0000004d,0 0 20px #ffd7001a;transform:translateY(-2px)}.faq-item:hover:before{opacity:1}.faq-item.active{background:#ffffff0d;border-color:#ffd70080}.faq-item.active:before{opacity:1}.faq-question{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:20px;justify-content:space-between;line-height:1.4;padding:24px 28px;position:relative;text-align:left;transition:all .3s ease;width:100%;z-index:1}.faq-question:hover{color:gold}.faq-question:focus{outline:none}.faq-icon{color:gold;filter:drop-shadow(0 0 6px rgba(255,215,0,.3));flex-shrink:0;height:24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.faq-item.active .faq-icon{filter:drop-shadow(0 0 10px rgba(255,215,0,.5));transform:rotate(180deg)}.faq-answer{background:#0003;max-height:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.faq-item.active .faq-answer{max-height:500px}.faq-answer-content{border-top:1px solid #ffd7001a;color:#e0e0e0;font-size:1rem;line-height:1.7;margin-top:0;padding:24px 28px 28px}@media (max-width:768px){.faq-section{padding:60px 16px}.faq-title{font-size:2.5rem;line-height:1.1;overflow-wrap:break-word;word-break:keep-all}.faq-subtitle{font-size:1rem;line-height:1.5}.faq-question{font-size:1rem;gap:16px;padding:20px}.faq-question-text{-webkit-hyphens:none;hyphens:none;overflow-wrap:break-word;word-break:keep-all}.faq-answer-content{font-size:.95rem;line-height:1.6;padding:20px 20px 24px}.faq-icon{height:20px;width:20px}.faq-list{gap:12px}}@media (max-width:480px){.faq-title{font-size:2rem}.faq-question{font-size:.95rem;padding:18px 16px}.faq-answer-content{font-size:.9rem;padding:18px 16px 20px}}@media (prefers-reduced-motion:reduce){.faq-answer,.faq-icon,.faq-item,.faq-question{transition:none}}.faq-question:focus-visible{outline:2px solid gold;outline-offset:-2px}.faq-answer-content::-webkit-scrollbar{width:4px}.faq-answer-content::-webkit-scrollbar-track{background:#0000001a}.faq-answer-content::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:2px}.faq-answer-content::-webkit-scrollbar-thumb:hover{background:#ffd70080}.faq-question-content{align-items:center;display:flex;flex:1 1;gap:16px}.faq-question-icon{color:gold;filter:drop-shadow(0 0 4px rgba(255,215,0,.3));flex-shrink:0;height:20px;transition:all .3s ease;width:20px}.faq-item:hover .faq-question-icon{filter:drop-shadow(0 0 8px rgba(255,215,0,.5));transform:scale(1.1)}.faq-question-text{flex:1 1;-webkit-hyphens:auto;hyphens:auto;text-align:left;word-break:break-word}@media (max-width:768px){.faq-question-content{gap:12px}.faq-question-icon{height:18px;width:18px}}@media (max-width:480px){.faq-question-content{gap:10px}.faq-question-icon{height:16px;width:16px}}.faq-feedback-buttons{border-top:1px solid #ffd70026;margin-top:24px;padding-top:20px}.feedback-prompt{color:#b0b0b0;font-size:.95rem;font-weight:500;margin-bottom:12px}.feedback-actions{display:flex;gap:12px}.feedback-btn{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #ffd70033;border-radius:8px;color:#e0e0e0;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:8px 16px;transition:all .3s ease}.feedback-btn:hover{background:#ffd7001a;border-color:#ffd70066;color:gold;transform:translateY(-1px)}.feedback-btn-like:hover{background:#22c55e1a;border-color:#22c55e66;color:#22c55e}.feedback-btn-dislike:hover{background:#ef44441a;border-color:#ef444466;color:#ef4444}.feedback-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.feedback-popup{background:#1a1a1a;border:2px solid #ffd7004d;border-radius:16px;box-shadow:0 20px 60px #00000080,0 0 40px #ffd7001a;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:100%}.feedback-popup-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:24px 24px 0}.feedback-popup-header h3{align-items:center;color:gold;display:flex;font-size:1.3rem;font-weight:600;gap:12px;margin:0}.feedback-popup-close{background:none;border:none;border-radius:4px;color:#b0b0b0;cursor:pointer;padding:4px;transition:all .3s ease}.feedback-popup-close:hover{background:#ffd7001a;color:gold}.feedback-popup-content{padding:0 24px 24px}.feedback-field{margin-bottom:20px}.feedback-field label{align-items:center;color:#e0e0e0;display:flex;font-size:.95rem;font-weight:500;gap:8px;margin-bottom:8px}.feedback-field input,.feedback-field textarea{background:#ffffff0d;border:1px solid #ffd70033;border-radius:8px;color:#fff;font-size:.95rem;padding:12px 16px;resize:vertical;transition:all .3s ease;width:100%}.feedback-field input:focus,.feedback-field textarea:focus{background:#ffffff14;border-color:#ffd70080;box-shadow:0 0 0 3px #ffd7001a;outline:none}.feedback-field input::placeholder,.feedback-field textarea::placeholder{color:#888}.feedback-checkbox{align-items:flex-start;display:flex;gap:10px;margin-bottom:20px}.feedback-checkbox input[type=checkbox]{accent-color:gold;margin:0;width:auto}.feedback-checkbox label{color:#b0b0b0;cursor:pointer;font-size:.9rem;line-height:1.4;margin:0}.feedback-submit{background:linear-gradient(135deg,gold,#ffed4a);border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 20px;transition:all .3s ease;width:100%}.feedback-submit:hover:not(:disabled){background:linear-gradient(135deg,#ffed4a,gold);box-shadow:0 6px 20px #ffd7004d;transform:translateY(-1px)}.feedback-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.feedback-success{padding:20px 0;text-align:center}.feedback-success p{color:#22c55e;font-size:1rem;font-weight:500;margin:8px 0}.feedback-error{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#ef4444;font-size:.9rem;margin-bottom:16px;padding:8px 12px}@media (max-width:768px){.feedback-actions{flex-direction:column;gap:8px}.feedback-btn{justify-content:center;padding:10px 16px}.feedback-popup{margin:10px;max-height:85vh}.feedback-popup-header{padding:20px 20px 0}.feedback-popup-header h3{font-size:1.1rem}.feedback-popup-content{padding:0 20px 20px}}@media (max-width:480px){.feedback-popup-overlay{padding:10px}.feedback-popup-header h3{font-size:1rem}}.hot-topics-section{background:#000;color:#fff;min-height:100vh;overflow:hidden;padding:2rem 0;position:relative}.hot-topics-section:before{background:radial-gradient(ellipse at center,#ffd70005 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hot-topics-section .container{margin:0 auto!important;max-width:none!important;padding:0 1rem!important;position:relative;width:95vw!important;z-index:1}.hot-topics-section .hot-topics-header{animation:fadeInUp .8s ease-out;margin-bottom:3rem;text-align:center}.hot-topics-section .section-title{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,gold,orange 50%,gold);-webkit-background-clip:text;background-clip:text;display:flex;font-size:3rem;font-weight:700;gap:1rem;justify-content:center;margin-bottom:1rem;text-shadow:0 0 30px #ffd7004d}.hot-topics-section .title-icon{animation:pulse 2s ease-in-out infinite;color:gold;filter:drop-shadow(0 0 15px rgba(255,215,0,.6))}.hot-topics-section .section-subtitle{color:#ccc;font-size:1.2rem;font-weight:300;line-height:1.6;margin:0 auto;max-width:600px}.hot-topics-section .status-indicators{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2.5rem}.hot-topics-section .status-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffd7001a;border:1px solid #ffd70033;border-radius:25px;color:gold;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.hot-topics-section .status-badge:hover{background:#ffd70033;border-color:#ffd70066;transform:translateY(-2px)}.hot-topics-section .topics-grid{grid-gap:2rem!important;display:grid!important;gap:2rem!important;grid-template-columns:1fr 1fr!important;margin-bottom:2rem;max-width:none!important;width:100%!important}.hot-topics-section .hot-topics-box,.hot-topics-section .news-box,.hot-topics-section .prediction-box,.hot-topics-section .topic-box{animation:slideInScale .8s ease-out forwards;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffd70014,#000000f2 20%,#000000fa);border:2px solid #ffd7004d;border-radius:20px;display:flex;flex-direction:column;max-width:none!important;min-height:600px;opacity:0;overflow:hidden;padding:3rem;position:relative;transform:translateY(50px) scale(.95);transition:all .4s cubic-bezier(.4,0,.2,1);width:100%!important}.hot-topics-section .topic-box:first-child{animation-delay:.2s}.hot-topics-section .topic-box:nth-child(2){animation-delay:.4s}.hot-topics-section .topic-box:before{background:linear-gradient(90deg,#0000,#ffd7001a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.hot-topics-section .topic-box:hover:before{left:100%}.hot-topics-section .topic-box:hover{border-color:#ffd70099;box-shadow:0 20px 40px #ffd70033,0 0 60px #ffd7001a;transform:translateY(-8px) scale(1.02)}.hot-topics-section .box-header{align-items:center;border-bottom:1px solid #ffd70033;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.hot-topics-section .box-header h3{color:gold;font-size:1.6rem;font-weight:600;margin:0}.hot-topics-section .box-header .lucide{color:gold;filter:drop-shadow(0 0 8px rgba(255,215,0,.5));flex-shrink:0;height:28px;width:28px}.hot-topics-section .box-content{display:flex;flex:1 1;flex-direction:column}.hot-topics-section .content-header h4{color:#fff;font-size:1.4rem;font-weight:600;line-height:1.4;margin-bottom:1rem;text-shadow:0 2px 4px #00000080}.hot-topics-section .content-description{color:#e0e0e0;font-size:1.1rem;font-weight:400;line-height:1.6;margin-bottom:1.5rem}.hot-topics-section .bullet-points-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffd7000d,#0009);border:1px solid #ffd70033;border-radius:15px;margin:1rem 0;padding:2rem}.hot-topics-section .bullet-point{align-items:flex-start;border-bottom:1px solid #ffd7001a;color:#e8e8e8;display:flex;font-size:1rem;gap:1rem;line-height:1.5;padding:1rem 0;position:relative;transition:all .3s ease}.hot-topics-section .bullet-point:last-child{border-bottom:none}.hot-topics-section .bullet-point:before{animation:bulletGlow 3s ease-in-out infinite;background:gold;border-radius:50%;box-shadow:0 0 10px #ffd70099;content:"";flex-shrink:0;height:8px;margin-top:.5rem;width:8px}.hot-topics-section .bullet-point:hover{color:#fff;padding-left:.5rem;transform:translateX(8px)}.hot-topics-section .bullet-point:hover:before{background:#ffed4a;box-shadow:0 0 15px #ffd700cc;transform:scale(1.3)}.hot-topics-section .content-meta{border-top:1px solid #ffd7001a;margin-top:auto;padding-top:1.5rem}.hot-topics-section .keywords{display:flex;flex-wrap:wrap;gap:.6rem}.hot-topics-section .keyword-tag{background:#ffd70026;border:1px solid #ffd7004d;border-radius:20px;color:gold;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.hot-topics-section .keyword-tag:hover{background:#ffd70040;border-color:#ffd70080;transform:scale(1.05)}.hot-topics-section .box-controls{align-items:center;border-top:1px solid #ffd7001a;display:flex;gap:4rem;justify-content:center;margin-top:2rem;padding-top:1.5rem}.hot-topics-section .nav-button{align-items:center;background:#0009;border:1px solid #ffd7004d;border-radius:12px;color:gold;cursor:pointer;display:flex;height:50px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:50px}.hot-topics-section .nav-button:hover{background:#ffd7001a;border-color:#ffd70080;transform:translateY(-3px)}.hot-topics-section .nav-button .lucide{height:22px;width:22px;z-index:1}.hot-topics-section .error-state,.hot-topics-section .loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:4rem;text-align:center}.hot-topics-section .loading-spinner{animation:spin 1s linear infinite;color:gold;height:3rem;margin-bottom:1rem;width:3rem}.hot-topics-section .empty-content{align-items:center;color:#888;display:flex;flex-direction:column;font-style:italic;height:100%;justify-content:center;padding:3rem;text-align:center}@keyframes slideInScale{0%{opacity:0;transform:translateY(50px) scale(.95)}50%{opacity:.7;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bulletGlow{0%,to{box-shadow:0 0 10px #ffd70099}50%{box-shadow:0 0 20px #ffd700e6}}@media (max-width:768px){.hot-topics-section .topics-grid{gap:1.5rem!important;grid-template-columns:1fr!important}.hot-topics-section .container{margin:0!important;max-width:100vw!important;padding:0!important;width:100vw!important}.hot-topics-section .topic-box{min-height:auto!important;padding:2rem!important}.hot-topics-section .section-title{flex-direction:column!important;font-size:2.2rem!important;gap:.5rem!important}}@media (min-width:769px){.hot-topics-section .topics-grid{gap:3rem!important;grid-template-columns:1fr 1fr!important}.hot-topics-section .container{width:98vw!important}.hot-topics-section .topic-box{min-height:700px!important}}@media (min-width:1200px){.hot-topics-section .topics-grid{gap:4rem!important}}@media (min-width:769px){.hot-topics-section .container{align-items:center;display:flex;flex-direction:column;margin-left:calc(50% - 49vw)!important;max-width:none!important;padding:0 2rem!important;position:relative;width:90vw!important;z-index:1}.hot-topics-section .topics-grid{gap:2rem!important}}@media (min-width:1200px){.hot-topics-section .container{margin-left:calc(50% - 48vw)!important;width:88vw!important}.hot-topics-section .topics-grid{gap:2.5rem!important}}.hot-topics-section .bullet-point{font-weight:600!important}.hot-topics-section .news-box .bullet-point{font-weight:700!important}.hot-topics-section .bullet-point:has-text("Galamsey"),.hot-topics-section .bullet-point:has-text("Joe Jackson"),.hot-topics-section .bullet-point:has-text("Vikings"),.hot-topics-section .bullet-point:has-text("luxury apartment"){color:#fff!important;font-weight:700!important}@media (max-width:768px){.hot-topics-section .container{box-sizing:border-box!important;margin:0!important;max-width:100vw!important;padding:0!important;position:relative;width:100vw!important;z-index:1}.hot-topics-section .topics-grid{box-sizing:border-box!important;gap:1.5rem!important;grid-template-columns:1fr!important;margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}.hot-topics-section .hot-topics-box,.hot-topics-section .news-box,.hot-topics-section .prediction-box,.hot-topics-section .topic-box{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;height:auto!important;margin:0!important;max-height:none!important;max-width:100%!important;min-height:auto!important;overflow:visible!important;padding:1.3rem!important;width:100%!important}.hot-topics-section{max-width:100vw!important;overflow-x:hidden!important;width:100%!important}.hot-topics-section .content-header h4{word-wrap:break-word!important;font-size:1.1rem!important;height:auto!important;line-height:1.3!important;margin-bottom:.8rem!important;overflow:visible!important;white-space:normal!important}.hot-topics-section .content-description{font-size:.9rem!important;line-height:1.4!important;margin-bottom:1rem!important}.hot-topics-section .bullet-point,.hot-topics-section .content-description{word-wrap:break-word!important;height:auto!important;max-height:none!important;overflow:visible!important;white-space:normal!important}.hot-topics-section .bullet-point{font-size:.85rem!important;line-height:1.3!important;padding:.5rem 0!important}.hot-topics-section .topic-box *{word-wrap:break-word!important;box-sizing:border-box!important;max-width:100%!important;overflow-wrap:break-word!important;width:100%!important}.hot-topics-section .section-title{flex-direction:column!important;font-size:2rem!important;gap:.5rem!important}.hot-topics-section .bullet-points-container{margin:1rem 0!important;padding:1.5rem!important}.hot-topics-section .box-header h3{font-size:1.3rem!important}}@media (max-width:480px){.hot-topics-section .container{padding:0 3%!important;width:94%!important}.hot-topics-section .topic-box{padding:1.5rem!important}.hot-topics-section .topics-grid{gap:1.2rem!important}.hot-topics-section .section-title{font-size:1.8rem!important}}.hot-topics-section .engagement-stats{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffd70014,#0009 50%,#ffd7000d);border:1px solid #ffd70040;border-radius:15px;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:1rem 0 1.5rem;overflow:hidden;padding:1.2rem;position:relative;transition:all .3s ease}.hot-topics-section .engagement-stats:before{background:linear-gradient(90deg,#0000,#ffd7001a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.hot-topics-section .engagement-stats:hover:before{left:100%}.hot-topics-section .engagement-stats:hover{background:linear-gradient(135deg,#ffd7001f,#000000b3 50%,#ffd70014);border-color:#ffd70066;box-shadow:0 8px 25px #ffd70026;transform:translateY(-2px)}.hot-topics-section .stat-item{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;border:1px solid #ffd7004d;border-radius:25px;box-shadow:0 4px 15px #0000004d;color:#fff;cursor:default;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;letter-spacing:.5px;padding:.8rem 1.2rem;position:relative;transition:all .3s ease}.hot-topics-section .stat-item:hover{background:#ffd70026;border-color:#ffd70080;box-shadow:0 8px 20px #ffd70033;color:gold;transform:translateY(-3px) scale(1.05)}.hot-topics-section .stat-item.confidence{background:linear-gradient(135deg,#ffd70033,#000c);border-color:#ffd70066;color:gold;font-weight:700;text-shadow:0 0 8px #ffd70080}.hot-topics-section .stat-item.confidence:hover{background:linear-gradient(135deg,#ffd7004d,#000000e6);border-color:#ffd70099;box-shadow:0 10px 30px #ffd7004d;text-shadow:0 0 12px #ffd700cc}.hot-topics-section .status-badge.engagement{background:linear-gradient(135deg,#ffd70026,#ffa5001a);border-color:#ffd7004d}.hot-topics-section .status-badge.engagement:hover{background:linear-gradient(135deg,#ffd70040,#ffa50033);border-color:#ffd70080}.hot-topics-section .status-badge.users{background:linear-gradient(135deg,#ffd7001f,#daa52014);border-color:#ffd70040}.hot-topics-section .status-badge.users:hover{background:linear-gradient(135deg,#ffd70033,#daa52026);border-color:#ffd70066}@media (max-width:768px){.hot-topics-section .engagement-stats{gap:1rem;margin:.8rem 0 1.2rem;padding:1rem}.hot-topics-section .stat-item{font-size:.85rem;min-width:auto;padding:.6rem 1rem}@media (max-width:480px){.hot-topics-section .engagement-stats{align-items:stretch;flex-direction:column;gap:.8rem}.hot-topics-section .stat-item{justify-content:center;text-align:center}}}@media (min-width:1200px){.hot-topics-section .engagement-stats{gap:2rem;padding:1.5rem}.hot-topics-section .stat-item{font-size:1rem;padding:1rem 1.5rem}}.hot-topics-section .stat-item{animation:statFadeIn .6s ease-out forwards;opacity:0;transform:translateY(20px)}.hot-topics-section .stat-item:first-child{animation-delay:.1s}.hot-topics-section .stat-item:nth-child(2){animation-delay:.2s}.hot-topics-section .stat-item:nth-child(3){animation-delay:.3s}.hot-topics-section .stat-item:nth-child(4){animation-delay:.4s}.hot-topics-section .stat-item.confidence{animation:statFadeIn .6s ease-out forwards,confidencePulse 3s ease-in-out 1s infinite}@keyframes confidencePulse{0%,to{box-shadow:0 4px 15px #0000004d}50%{box-shadow:0 6px 20px #ffd70033}}.hot-topics-section .stat-item:focus{outline:2px solid #ffd70099;outline-offset:2px}@media (prefers-contrast:high){.hot-topics-section .engagement-stats,.hot-topics-section .stat-item{border-color:gold;border-width:2px}}@media (prefers-reduced-motion:reduce){.hot-topics-section .engagement-stats,.hot-topics-section .engagement-stats:before,.hot-topics-section .stat-item{animation:none;transition:none}.hot-topics-section .stat-item{opacity:1;transform:none}}.engagement-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffd7000d;border:1px solid #ffd70033;border-radius:8px;display:flex;gap:12px;margin:16px 0;padding:12px}.stat-button{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;color:#e0e0e0;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:60px;padding:8px 12px;transition:all .2s ease}.stat-button:hover{background:#ffd7001a;border-color:#ffd7004d;box-shadow:0 4px 8px #ffd70033;color:gold;transform:translateY(-1px)}.stat-button:active{box-shadow:0 2px 4px #ffd7004d;transform:translateY(0)}.like-button:hover{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.dislike-button:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.comment-button:hover{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.stat-button span{font-weight:600;min-width:16px;text-align:center}.stat-button svg{flex-shrink:0}.comments-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffd70033;border-radius:8px;margin-top:16px;padding:16px}.comments-list{margin-bottom:16px;max-height:200px;overflow-y:auto}.comment-item{border-bottom:1px solid #ffffff1a;padding:12px 0}.comment-item:last-child{border-bottom:none}.comment-header{align-items:center;color:#999;display:flex;font-size:12px;gap:8px;margin-bottom:6px}.comment-username{color:gold;font-weight:600}.comment-time{font-size:11px;margin-left:auto}.comment-text{color:#e0e0e0;font-size:14px;line-height:1.4;margin:0}.comment-input-section{display:flex}.comment-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#e0e0e0;flex:1 1;font-family:inherit;font-size:14px;min-height:40px;padding:10px 12px;resize:vertical}.comment-input:focus{background:#ffffff14;border-color:#ffd70066;outline:none}.comment-input::placeholder{color:#999}.comment-submit-button{align-items:center;background:#ffd7001a;border:1px solid #ffd7004d;border-radius:6px;color:gold;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;min-height:40px;padding:10px 16px;transition:all .2s ease}.comment-submit-button:hover:not(:disabled){background:#ffd70033;transform:translateY(-1px)}.comment-submit-button:disabled{cursor:not-allowed;opacity:.5}@keyframes statFadeIn{0%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.stat-button.updating span{animation:statFadeIn .3s ease}.login-required-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000bf;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.login-required-modal{animation:modalSlideIn .3s ease-out;background:linear-gradient(145deg,#1a1a1a,#2a2a2a);border:2px solid #d4af37;border-radius:12px;box-shadow:0 15px 35px #d4af374d;max-width:400px;padding:2rem;text-align:center}.login-required-modal h3{color:#d4af37;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.login-required-modal p{color:#e0e0e0;line-height:1.5;margin-bottom:1.5rem}.login-required-buttons{display:flex;gap:1rem;justify-content:center}.cancel-btn,.login-btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.login-btn{background:linear-gradient(135deg,#d4af37,#f4d03f);color:#1a1a1a}.login-btn:hover{background:linear-gradient(135deg,#f4d03f,#d4af37);box-shadow:0 5px 15px #d4af3766;transform:translateY(-2px)}.cancel-btn{background:#0000;border:1px solid #d4af37;color:#d4af37}.cancel-btn:hover{background-color:#d4af371a;transform:translateY(-2px)}.scrollable-comments{max-height:300px;overflow-x:hidden;overflow-y:auto;padding-right:8px}.scrollable-comments::-webkit-scrollbar{width:6px}.scrollable-comments::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.scrollable-comments::-webkit-scrollbar-thumb{background:#0000004d;border-radius:3px}.scrollable-comments::-webkit-scrollbar-thumb:hover{background:#00000080}.scrollable-comments{scrollbar-color:#0000004d #0000001a;scrollbar-width:thin}.hot-topics-section .stat-button.like-button.active{background:linear-gradient(135deg,#22c55e33,#ffd7001a);border-color:#22c55e80;box-shadow:0 0 15px #22c55e4d,0 4px 12px #ffd70033;color:#22c55e;transform:scale(1.05)}.hot-topics-section .stat-button.like-button.active:hover{background:linear-gradient(135deg,#22c55e40,#ffd70026);border-color:#22c55e99;box-shadow:0 0 20px #22c55e66,0 6px 16px #ffd70040;transform:scale(1.08) translateY(-2px)}.hot-topics-section .stat-button.like-button.active svg{fill:#22c55e;filter:drop-shadow(0 0 8px rgba(34,197,94,.6))}.hot-topics-section .stat-button.dislike-button.active{background:linear-gradient(135deg,#ef444433,#ffd7001a);border-color:#ef444480;box-shadow:0 0 15px #ef44444d,0 4px 12px #ffd70033;color:#ef4444;transform:scale(1.05)}.hot-topics-section .stat-button.dislike-button.active:hover{background:linear-gradient(135deg,#ef444440,#ffd70026);border-color:#ef444499;box-shadow:0 0 20px #ef444466,0 6px 16px #ffd70040;transform:scale(1.08) translateY(-2px)}.hot-topics-section .stat-button.dislike-button.active svg{fill:#ef4444;filter:drop-shadow(0 0 8px rgba(239,68,68,.6))}.hot-topics-section .stat-button:disabled{cursor:not-allowed;filter:grayscale(.3);opacity:.5;pointer-events:none}.hot-topics-section .stat-button.active{animation:activeButtonPulse 2s ease-in-out infinite}@keyframes activeButtonPulse{0%,to{box-shadow:0 0 15px #ffd7004d,0 4px 12px #0003}50%{box-shadow:0 0 25px #ffd70080,0 6px 16px #0000004d}}.hot-topics-section .stat-button span{transition:all .3s ease}.hot-topics-section .stat-button.active span{font-weight:700;text-shadow:0 0 10px currentColor}@media (max-width:768px){.hot-topics-section .stat-button.active{transform:scale(1.03)}.hot-topics-section .stat-button.active:hover{transform:scale(1.05) translateY(-1px)}}@media (prefers-reduced-motion:reduce){.hot-topics-section .stat-button.active{animation:none}.hot-topics-section .stat-button,.hot-topics-section .stat-button span{transition:none}}@media (prefers-contrast:high){.hot-topics-section .stat-button.like-button.active{border-color:#22c55e;border-width:2px;color:#22c55e}.hot-topics-section .stat-button.dislike-button.active{border-color:#ef4444;border-width:2px;color:#ef4444}}@media (max-width:768px){.hot-topics-section,.hot-topics-section .container,.hot-topics-section .topics-grid{box-sizing:border-box!important;margin:0 auto!important;max-width:100vw!important;padding-left:.5vw!important;padding-right:3.5vw!important;width:100vw!important}.hot-topics-section .topic-card{box-sizing:border-box!important;margin:0 auto 1.5rem .5vw!important;max-width:94vw!important;padding:1.5rem!important;width:94vw!important}}.comment-input-section .comment-submit-btn,.comment-submit-btn{align-items:center!important;background:linear-gradient(135deg,#d4af37,#c5a028);border:2px solid #d4af37;border-radius:8px;box-shadow:0 2px 8px #d4af374d;color:#000!important;cursor:pointer;display:flex!important;flex-direction:row!important;font-size:.95rem;font-weight:600;gap:0;height:44px;justify-content:center!important;min-width:120px;overflow:hidden;padding:.6rem;position:relative;text-orientation:mixed!important;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap!important;width:44px;width:auto;writing-mode:horizontal-tb!important}.comment-input-section .comment-submit-btn *,.comment-submit-btn *{display:inline-block!important;text-orientation:mixed!important;writing-mode:horizontal-tb!important}.comment-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#e5c047,#d4af37);border-color:#e5c047;box-shadow:0 4px 16px #d4af3780;transform:translateY(-2px)}.comment-submit-btn:active:not(:disabled){box-shadow:0 2px 8px #d4af374d;transform:translateY(0)}.comment-submit-btn:disabled{background:linear-gradient(135deg,#4a4a4a,#2a2a2a);border-color:#4a4a4a;box-shadow:none;color:grey!important;cursor:not-allowed;opacity:.6}.comment-submit-btn svg{display:inline-block!important;flex-shrink:0;height:20px;transition:transform .3s ease;width:20px}.comment-submit-btn:hover:not(:disabled) svg{transform:translateX(3px)}.comment-submit-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.comment-submit-btn:hover:not(:disabled):before{left:100%}.comment-input-section,.comment-input-wrapper{align-items:flex-end;display:flex!important;flex-direction:row!important;gap:12px;width:100%}@media (max-width:768px){.comment-input-section .comment-submit-btn,.comment-submit-btn{flex-direction:row!important;font-size:.9rem!important;gap:.4rem;min-height:48px;min-width:100px;padding:.7rem 1.2rem!important;writing-mode:horizontal-tb!important}.comment-submit-btn svg{height:16px;width:16px}.comment-input-section,.comment-input-wrapper{flex-direction:column!important;gap:10px}.comment-input-wrapper{width:100%}.comment-submit-btn{width:100%!important}}@media (max-width:480px){.comment-submit-btn{font-size:.85rem!important;padding:.65rem 1rem!important}}.comment-submit-btn svg.spinning{animation:spin 1s linear infinite}*{box-sizing:border-box;margin:0;padding:0}body{font-feature-settings:"liga" 1,"kern" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;font-family:Inter,"system-ui",-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.6;overflow-x:hidden;text-rendering:optimizeLegibility}.home-container{background:linear-gradient(135deg,#000,#0a0a0a 25%,#111 75%,#000);min-height:100vh;overflow:hidden;position:relative}.container{max-width:1440px;padding:0 3rem;position:relative;z-index:10}.hero-badge-icon{stroke-width:2;height:16px;width:16px}.prediction-main-icon{stroke-width:1.5;animation:gentle-pulse 3s ease-in-out infinite;color:gold;height:64px;width:64px}.feature-icon{align-items:center;background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:1px solid #ffd7004d;border-radius:16px;display:flex;height:80px;justify-content:center;margin:0 auto 2rem;transition:transform .4s ease;width:80px}.feature-icon svg{stroke-width:1.5;color:gold;height:32px;width:32px}.about-icon{align-items:center;background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:1px solid #ffd7004d;border-radius:16px;display:flex;height:80px;justify-content:center;margin:0 auto 2rem;transition:transform .4s ease;width:80px}.about-icon svg{stroke-width:1.5;color:gold;height:32px;width:32px}.prediction-cta-icon{align-items:center;background:#ffd7001a;border-radius:12px;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.prediction-cta-icon svg{stroke-width:1.5;color:gold;height:24px;width:24px}.prediction-cta-arrow svg{stroke-width:2;color:gold;height:20px;transition:transform .3s ease;width:20px}.cta-primary svg,.cta-secondary svg{stroke-width:2;height:18px;margin-right:8px;width:18px}.contact-icon{stroke-width:2;height:16px;width:16px}.about-card:hover .about-icon,.feature-card:hover .feature-icon{transform:scale(1.1)}.prediction-cta:hover .prediction-cta-arrow svg{transform:translateX(4px)}.prediction-cta:hover .prediction-cta-icon{background:#ffd70026;transform:scale(1.05)}.hero-section{display:flex;min-height:100vh;padding:8rem 0}.hero-grid,.hero-section{align-items:center;position:relative}.hero-grid{grid-gap:6rem;display:grid;gap:6rem;grid-template-columns:1fr 1fr;z-index:10}.hero-content{max-width:600px}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffd7001a,#ffd7000d);border:1px solid #ffd7004d;border-radius:50px;color:gold;display:inline-flex;font-size:.85rem;font-weight:500;gap:.5rem;letter-spacing:.5px;margin-bottom:2rem;padding:.75rem 1.5rem;text-transform:uppercase}.hero-title{font-size:4.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:2rem}.hero-title-line{display:block;margin-bottom:.5rem;white-space:nowrap!important}.hero-title-main{color:#fff;font-weight:300}.hero-title-accent{-webkit-text-fill-color:#0000;animation:subtle-gradient-shift 8s ease-in-out infinite;background:linear-gradient(135deg,gold,#ffed4e 50%,#daa520);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-weight:700}.hero-subtitle{color:#b8b8b8;font-size:1.4rem;font-weight:400;line-height:1.6;margin-bottom:3rem;text-align:justify;text-justify:inter-word}.hero-cta-group{align-items:center;display:flex;gap:1.5rem}.cta-primary{align-items:center;background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:8px;box-shadow:0 4px 20px #ffd70033;color:#000;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;letter-spacing:.5px;overflow:hidden;padding:1.2rem 2.5rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.cta-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.cta-primary:hover:before{left:100%}.cta-primary:hover{box-shadow:0 8px 30px #ffd7004d;transform:translateY(-2px)}.cta-secondary{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:2px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.75rem;letter-spacing:.5px;padding:1.2rem 2.5rem;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.cta-secondary:hover{background:#ffd7000d;border-color:#ffd70080;transform:translateY(-2px)}.hero-visual{align-items:center;display:flex;justify-content:center;position:relative}.hero-dashboard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#111111e6,#000000f2);border:1px solid #ffd70040;border-radius:20px;box-shadow:0 25px 50px #0006,0 0 0 1px #ffd70026,inset 0 1px 0 #ffd7001a;max-width:480px;overflow:hidden;padding:2.5rem;position:relative;width:100%}.hero-dashboard:before{background:linear-gradient(90deg,#0000,#ffd70099 50%,#0000);border-radius:20px 20px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.dashboard-header{border-bottom:1px solid #ffd70026;justify-content:center;margin-bottom:2.5rem;position:relative}.dashboard-title{font-size:1.1rem;font-weight:600;letter-spacing:.8px;text-align:center;text-transform:uppercase}.dashboard-metrics{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2.5rem}.metric-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#ffffff0a,#ffffff05);border-radius:16px;flex-direction:column;justify-content:center;min-height:120px;padding:2rem 1.2rem;text-align:center;transition:all .3s ease}.metric-card:before{background:linear-gradient(90deg,#0000,#ffd70080 50%,#0000);border-radius:16px 16px 0 0;height:1px;left:0;right:0}.metric-card:hover{background:linear-gradient(145deg,#ffd70014,#ffd7000a);box-shadow:0 8px 25px #ffd70026;transform:translateY(-3px)}.metric-value{color:gold;display:block;font-family:Inter,sans-serif;font-size:2.8rem;font-weight:800;letter-spacing:-.05em;line-height:1;margin-bottom:.5rem;text-shadow:0 2px 8px #ffd7004d}.metric-label{color:#ffffffe6;display:block;font-size:.85rem;font-weight:600;letter-spacing:1.2px;margin-top:auto;opacity:.95;text-transform:uppercase}.dashboard-chart{background:linear-gradient(135deg,#ffd7000f,#ffd70005);border:1px solid #ffd7001a;border-radius:12px;height:100px;overflow:hidden;position:relative}.chart-line{animation:chart-draw 4s ease-in-out infinite;background:linear-gradient(90deg,gold,#ffed4e 50%,#daa520);border-radius:2px;bottom:25%;box-shadow:0 0 8px #ffd70066;height:3px;left:8%;position:absolute;right:8%}.prediction-section{background:linear-gradient(135deg,#ffd70008,#000000fa 50%,#ffd70005);border-bottom:1px solid #ffd7001a;border-top:1px solid #ffd7001a;padding:6rem 0;position:relative}.prediction-prompt{grid-gap:4rem;align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#111111b3,#000000e6);border:1px solid #ffd70033;border-radius:24px;box-shadow:0 20px 60px #0006,0 0 0 1px #ffd7001a;display:grid;gap:4rem;grid-template-columns:1fr 1fr;overflow:hidden;padding:4rem;position:relative}.prediction-prompt:before{background:linear-gradient(90deg,#0000,#ffd70099,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.prediction-content{position:relative;z-index:10}.prediction-icon{display:inline-block;margin-bottom:2rem}.prediction-title{color:#fff;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.prediction-subtitle{color:#b8b8b8;font-size:1.2rem;line-height:1.6;margin-bottom:2.5rem;text-align:justify;text-justify:inter-word}.prediction-stats{gap:2rem;margin-bottom:1rem}.mini-stat{align-items:flex-start;display:flex;flex-direction:column}.mini-stat-number{color:gold;font-size:1.5rem;font-weight:700;line-height:1}.mini-stat-label{color:#888;font-size:.85rem;letter-spacing:.5px;margin-top:.25rem;text-transform:uppercase}.prediction-action{align-items:center;display:flex;justify-content:center;position:relative}.prediction-cta{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:2px solid #ffd7004d;border-radius:20px;box-shadow:0 8px 32px #ffd70026;cursor:pointer;max-width:380px;overflow:hidden;padding:0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.prediction-cta:before{background:linear-gradient(90deg,#0000,#ffd7001a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.prediction-cta:hover:before{left:100%}.prediction-cta:hover{background:linear-gradient(135deg,#ffd70026,#ffd70014);border-color:#ffd70099;box-shadow:0 12px 48px #ffd70040;transform:translateY(-5px) scale(1.02)}.prediction-cta-content{align-items:center;display:flex;gap:1.5rem;padding:2rem;position:relative;z-index:10}.prediction-cta-text{flex:1 1;text-align:left}.prediction-cta-title{color:gold;display:block;font-size:1.3rem;font-weight:600;line-height:1.2;margin-bottom:.5rem}.prediction-cta-subtitle{color:#b8b8b8;display:block;font-size:.95rem;line-height:1.4}.features-section{background:linear-gradient(135deg,#000000f2,#111111fa);border-top:1px solid #ffd7001a;padding:8rem 0;position:relative}.features-two-column{grid-gap:4rem;align-items:center;background:rgba(255,215,0,.016);border:1px solid #ffd7001a;border-radius:24px;box-shadow:0 4px 24px #ffd7000f;display:grid;gap:4rem;grid-template-columns:1.2fr 1.8fr;margin-bottom:4rem;opacity:0;padding:4rem 3rem 3rem;transform:translateY(40px);transition:opacity .7s cubic-bezier(.23,1,.32,1),transform .7s cubic-bezier(.23,1,.32,1)}.features-two-column.in-view{opacity:1;transform:translateY(0)}.features-two-column .section-badge{display:inline-block;margin-bottom:1.3rem;margin-left:0}.section-badge{background:#ffd7001a;border:1px solid #ffd7004d;border-radius:20px;color:gold;display:inline-block;font-size:.85rem;font-weight:500;letter-spacing:.5px;margin-bottom:2rem;padding:.5rem 1rem;text-transform:uppercase}.section-title-bold{color:#fff;font-size:2.3rem;font-weight:700;letter-spacing:-.02em;line-height:1.22;margin-bottom:0}.highlight-gold{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,gold 60%,#fff2b2);-webkit-background-clip:text;background-clip:text;color:gold;font-weight:800}.section-subtitle-large{color:#bbb;font-size:1.2rem;font-weight:400;line-height:1.8;margin-bottom:0;text-align:justify;text-justify:inter-word}.features-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(3,1fr);margin-bottom:6rem}.feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#1119,#000c);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 20px #0003;overflow:hidden;padding:3rem 2.5rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card:before{background:linear-gradient(90deg,#0000,#ffd7004d,#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.feature-card:hover:before{opacity:1}.feature-card:hover{border-color:#ffd7004d;box-shadow:0 12px 40px #ffd7001a;transform:translateY(-8px)}.feature-title{color:#fff;font-size:1.5rem;font-weight:600;line-height:1.3;margin-bottom:1.5rem}.feature-description{color:#b8b8b8;font-size:1rem;line-height:1.6;text-align:justify;text-justify:inter-word}.stats-section{background:linear-gradient(135deg,#ffd70005,#ffd70003);border-bottom:1px solid #ffd7001a;border-top:1px solid #ffd7001a;padding:6rem 0}.stats-grid{grid-gap:3rem;gap:3rem;grid-template-columns:repeat(4,1fr)}.stat-card{padding:2rem 1rem;text-align:center}.stat-number{animation:count-up 2s ease-out;counter-reset:stat-counter;font-size:3.5rem;line-height:1;margin-bottom:1rem}.stat-label{font-size:1rem}.about-section{background:linear-gradient(135deg,#000000f2,#111111fa);border-top:1px solid #ffd7001a;padding:8rem 0;position:relative}.about-two-column{grid-gap:4rem;align-items:center;background:rgba(255,215,0,.016);border:1px solid #ffd7001a;border-radius:24px;box-shadow:0 4px 24px #ffd7000f;display:grid;gap:4rem;grid-template-columns:1.2fr 1.8fr;margin-bottom:4rem;opacity:0;padding:4rem 3rem 3rem;transform:translateY(40px);transition:opacity .7s cubic-bezier(.23,1,.32,1),transform .7s cubic-bezier(.23,1,.32,1)}.about-two-column.in-view{opacity:1;transform:translateY(0)}.about-two-column .section-badge{display:inline-block;margin-bottom:1.3rem;margin-left:0}.about-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(2,1fr);margin-bottom:6rem}.about-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#1119,#000c);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 20px #0003;overflow:hidden;padding:3rem 2.5rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.about-card:before{background:linear-gradient(90deg,#0000,#ffd7004d,#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.about-card:hover:before{opacity:1}.about-card:hover{border-color:#ffd7004d;box-shadow:0 12px 40px #ffd7001a;transform:translateY(-8px)}.about-title{color:#fff;font-size:1.5rem;font-weight:600;line-height:1.3;margin-bottom:1.5rem}.about-description{color:#b8b8b8;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;text-align:justify;text-justify:inter-word}.contact-methods{align-items:center;display:flex;flex-direction:column;gap:1rem}.contact-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffd7001a,#ffd7000d);border:1px solid #ffd7004d;border-radius:50px;color:gold;display:inline-flex;font-size:1rem;font-weight:500;gap:.75rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-link:hover{background:linear-gradient(145deg,#ffd70026,#ffd70014);box-shadow:0 4px 20px #ffd70033;transform:translateY(-2px)}.cta-section{padding:8rem 0;position:relative;text-align:center}.cta-content{margin:0 auto;max-width:600px;position:relative;z-index:10}.cta-title{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:2rem}.cta-subtitle{color:#b8b8b8;font-size:1.3rem;line-height:1.6;margin-bottom:3rem;text-align:justify;text-justify:inter-word}@keyframes subtle-gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes chart-draw{0%{transform:scaleX(0);transform-origin:left}30%{transform:scaleX(1);transform-origin:left}70%{transform:scaleX(1);transform-origin:left}to{transform:scaleX(0);transform-origin:right}}@keyframes count-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gentle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes gentle-rotate{0%,to{transform:rotate(0deg)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}@media (max-width:1200px){.container{padding:0 2rem}.hero-grid{gap:4rem}.about-two-column,.features-grid,.features-two-column{gap:2.5rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.about-two-column,.features-two-column{gap:2rem;grid-template-columns:1fr;padding:2.5rem 1.2rem;text-align:center}.section-subtitle-large,.section-title-bold{text-align:center}}@media (max-width:768px){.container{padding:0 1.5rem}.hero-grid{gap:3rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:3.5rem}.section-title-bold{font-size:2rem}.features-grid{gap:2rem;grid-template-columns:1fr}.stats-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}.hero-cta-group{flex-direction:column;gap:1rem}.cta-primary,.cta-secondary{justify-content:center;width:100%}.prediction-prompt{gap:3rem;grid-template-columns:1fr;padding:3rem;text-align:center}.prediction-stats{justify-content:center}.about-grid{gap:2rem;grid-template-columns:1fr}.about-section{padding:6rem 0}.prediction-section{padding:4rem 0}.prediction-prompt{gap:2.5rem;padding:2.5rem 2rem}.prediction-title{font-size:2rem}.prediction-subtitle{font-size:1.1rem}.prediction-cta-content{gap:1rem;padding:1.5rem}.prediction-cta-title{font-size:1.1rem}.prediction-stats{align-items:center;flex-direction:column;gap:1rem}.mini-stat{align-items:center;text-align:center}.hero-dashboard{max-width:420px;padding:2rem}.dashboard-metrics{gap:1.2rem}.metric-card{min-height:100px;padding:1.5rem 1rem}.metric-value{font-size:2.2rem}.metric-label{font-size:.8rem}.about-description,.cta-subtitle,.feature-description,.hero-subtitle,.prediction-subtitle,.section-subtitle-large{text-align:left}}@media (max-width:480px){.hero-title{font-size:2.8rem}.section-title-bold{font-size:1.8rem}.cta-title{font-size:2.2rem}.stats-grid{grid-template-columns:1fr}.feature-card{padding:2rem 1.5rem}.stat-number{font-size:2.5rem}.about-card{padding:2rem 1.5rem}.about-title{font-size:1.3rem}.about-description{font-size:.95rem}.prediction-prompt{padding:2rem 1.5rem}.prediction-title{font-size:1.8rem}.prediction-main-icon{height:48px;width:48px}.prediction-cta-content{flex-direction:column;gap:1.5rem;text-align:center}.prediction-cta-arrow svg{transform:rotate(90deg)}.prediction-cta:hover .prediction-cta-arrow svg{transform:rotate(90deg) translateX(5px)}.hero-dashboard{max-width:350px;padding:1.8rem}.dashboard-metrics{gap:1rem}.metric-card{min-height:90px;padding:1.2rem .8rem}.metric-value{font-size:1.8rem}.metric-label{font-size:.75rem;letter-spacing:.8px}.dashboard-title{font-size:1rem}.chart-line{height:2px}.dashboard-chart{height:80px}.about-icon,.feature-icon{height:64px;width:64px}.about-icon svg,.feature-icon svg{height:28px;width:28px}.prediction-cta-icon{height:40px;width:40px}.prediction-cta-icon svg{height:20px;width:20px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cta-primary:hover,.cta-secondary:hover,.feature-card:hover{transform:none}}@media print{.ambient-glow,.ambient-glow-2,.background-grid{display:none}.cta-section,.features-section,.hero-section,.stats-section{page-break-inside:avoid}}.guidelines-section{background:linear-gradient(135deg,#ffd70005,#000000fa 50%,#ffd70005);border-bottom:1px solid #ffd7001a;border-top:1px solid #ffd7001a;padding:8rem 0;position:relative}.guidelines-two-column{grid-gap:4rem;align-items:center;background:rgba(255,215,0,.016);border:1px solid #ffd7001a;border-radius:24px;box-shadow:0 4px 24px #ffd7000f;display:grid;gap:4rem;grid-template-columns:1.2fr 1.8fr;margin-bottom:4rem;opacity:0;padding:4rem 3rem 3rem;transform:translateY(40px);transition:opacity .7s cubic-bezier(.23,1,.32,1),transform .7s cubic-bezier(.23,1,.32,1)}.guidelines-two-column.in-view{opacity:1;transform:translateY(0)}.guidelines-two-column .section-badge{display:inline-block;margin-bottom:1.3rem;margin-left:0}.guidelines-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(2,1fr);margin-bottom:4rem}.guideline-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#1119,#000c);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 20px #0003;overflow:hidden;padding:3rem 2.5rem;position:relative;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1)}.guideline-card:before{background:linear-gradient(90deg,#0000,#ffd7004d,#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.guideline-card:hover:before{opacity:1}.guideline-card:hover{border-color:#ffd7004d;box-shadow:0 12px 40px #ffd7001a;transform:translateY(-8px)}.guideline-icon{align-items:center;background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:1px solid #ffd7004d;border-radius:16px;display:flex;height:80px;justify-content:center;margin-bottom:2rem;transition:transform .4s ease;width:80px}.guideline-icon svg{stroke-width:1.5;color:gold;height:32px;width:32px}.guideline-card:hover .guideline-icon{transform:scale(1.1)}.guideline-title{color:#fff;font-size:1.5rem;font-weight:600;line-height:1.3;margin-bottom:1.5rem}.guideline-description{color:#b8b8b8;font-size:1rem;line-height:1.6;margin-bottom:2rem;text-align:justify;text-justify:inter-word}.guideline-examples{display:flex;flex-direction:column;gap:.75rem}.example-item{align-items:center;border-radius:8px;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;transition:all .3s ease}.example-item.good{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.example-item.avoid{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.example-item svg{flex-shrink:0}.guidelines-footer{margin-top:2rem}.guidelines-cta{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffd70014,#ffd7000a);border:1px solid #ffd7004d;border-radius:20px;display:flex;gap:2rem;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.guidelines-cta:before{background:linear-gradient(90deg,#0000,#ffd7001a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.guidelines-cta:hover:before{left:100%}.guidelines-cta:hover{border-color:#ffd70080;box-shadow:0 8px 32px #ffd70033;transform:translateY(-3px)}.guidelines-cta-icon{stroke-width:1.5;color:gold;flex-shrink:0;height:64px;width:64px}.guidelines-cta-content{flex:1 1}.guidelines-cta-title{color:#fff;font-size:1.5rem;font-weight:600;line-height:1.2;margin-bottom:.5rem}.guidelines-cta-subtitle{color:#b8b8b8;font-size:1rem;line-height:1.5}.guidelines-cta-button{align-items:center;background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:8px;box-shadow:0 4px 20px #ffd70033;color:#000;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;gap:.75rem;letter-spacing:.5px;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.guidelines-cta-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.guidelines-cta-button:hover:before{left:100%}.guidelines-cta-button:hover{box-shadow:0 8px 30px #ffd7004d;transform:translateY(-2px)}.guidelines-cta-button svg{stroke-width:2;height:18px;width:18px}@media (max-width:1200px){.guidelines-grid,.guidelines-two-column{gap:2.5rem}}@media (max-width:900px){.guidelines-two-column{padding:2.5rem 1.2rem;text-align:center}.guidelines-grid,.guidelines-two-column{gap:2rem;grid-template-columns:1fr}.guidelines-cta{flex-direction:column;gap:1.5rem;text-align:center}.guidelines-cta-button{justify-content:center;width:100%}}@media (max-width:768px){.guidelines-section{padding:6rem 0}.guideline-card{padding:2rem 1.5rem}.guideline-title{font-size:1.3rem}.guideline-description{font-size:.95rem}.guidelines-cta{padding:2rem 1.5rem}.guidelines-cta-title{font-size:1.3rem}}@media (max-width:480px){.guideline-icon{height:64px;margin-bottom:1.5rem;width:64px}.guideline-icon svg{height:28px;width:28px}.guidelines-cta-icon{height:48px;width:48px}.example-item{font-size:.85rem;padding:.5rem .75rem}.guidelines-cta-button{font-size:.9rem;padding:.875rem 1.5rem}}.social-media-section{background:linear-gradient(135deg,#d4af370d,#000c 50%,#d4af370d);border-top:1px solid #d4af3733;overflow:hidden;padding:80px 0;position:relative}.social-media-section:before{background:linear-gradient(90deg,#0000,#d4af3780 50%,#0000);content:"";height:1px;left:50%;max-width:800px;position:absolute;top:0;transform:translateX(-50%);width:100%}.social-content{margin:0 auto;max-width:900px;text-align:center}.social-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4af37,#f4e5b1);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.social-subtitle{color:#ffffffb3;font-size:1.125rem;line-height:1.6;margin-bottom:3rem}.social-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.social-link{align-items:center;background:#ffffff0d;border:1px solid #d4af3733;border-radius:16px;color:#fff;display:flex;flex-direction:column;font-size:1rem;font-weight:500;gap:.75rem;min-width:140px;padding:1.5rem 2rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.social-link:not(.disabled):hover{background:#d4af371a;border-color:#d4af37;box-shadow:0 8px 24px #d4af3733;transform:translateY(-4px)}.social-link.disabled{cursor:not-allowed;opacity:.5}.social-icon{height:36px;transition:transform .3s ease;width:36px}.social-link:not(.disabled):hover .social-icon{transform:scale(1.1)}.social-link.telegram:not(.disabled):hover{border-color:#08c;box-shadow:0 8px 24px #0088cc4d}.social-link.telegram:not(.disabled):hover .social-icon{color:#08c}.social-link.linkedin:not(.disabled):hover{border-color:#0077b5;box-shadow:0 8px 24px #0077b54d}.social-link.linkedin:not(.disabled):hover .social-icon{color:#0077b5}.social-link.twitter:not(.disabled):hover{border-color:#000;box-shadow:0 8px 24px #fff3}.social-link.twitter:not(.disabled):hover .social-icon{color:#fff}.social-link.instagram:not(.disabled):hover{border-color:#e4405f;box-shadow:0 8px 24px #e4405f4d}.social-link.instagram:not(.disabled):hover .social-icon{color:#e4405f}.coming-soon-badge{background:linear-gradient(135deg,#d4af37,#c5a028);border-radius:4px;color:#000;font-size:.65rem;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;position:absolute;right:8px;text-transform:uppercase;top:8px}@media (max-width:768px){.social-media-section{padding:60px 0}.social-title{font-size:2rem}.social-subtitle{font-size:1rem;margin-bottom:2rem}.social-links{gap:1rem}.social-link{min-width:120px;padding:1.25rem 1.5rem}.social-icon{height:32px;width:32px}}@media (max-width:480px){.social-title{font-size:1.75rem}.social-links{align-items:center;flex-direction:column}.social-link{max-width:280px;width:100%}}.submit-container *{box-sizing:border-box}.category-button-grid{grid-gap:8px!important;display:grid!important;gap:8px!important;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))!important;margin-top:12px!important;width:100%!important}.category-button{all:unset;border:1px solid #ffffff1a;border-radius:20px;color:#fff9;display:inline-flex;font-size:13px!important;min-height:36px!important;padding:8px 16px!important;white-space:nowrap;width:100%!important}.submit-container{background:radial-gradient(circle at 20% 80%,#ffd70008 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffd7000a 0,#0000 50%),linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden;padding:120px 0 80px;position:relative}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111c;border:1px solid #ffd70026;border-radius:24px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffd7000d,inset 0 1px 0 #ffffff1a;position:relative}.glass-card:before{background:linear-gradient(90deg,#0000,#ffd70080,#0000);border-radius:24px 24px 0 0;content:"";height:1px;left:0;position:absolute;right:0;top:0}.elegant-login-banner{animation:elegantSlideIn .8s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111111f2;border:1px solid #ffd7004d;border-radius:16px;box-shadow:0 10px 30px #0000004d,0 0 0 1px #ffd7001a,inset 0 1px 0 #ffffff1a;margin:1rem auto 2rem;max-width:400px;padding:1rem 1.5rem;position:relative;width:90%;z-index:10}.banner-content{align-items:center;display:flex;gap:1rem}.banner-icon-group{align-items:center;display:flex;height:40px;justify-content:center;position:relative;width:40px}.banner-lock-icon,.banner-user-icon{stroke-width:2;color:gold;height:20px;position:absolute;width:20px}.banner-lock-icon{animation:lockPulse 2s ease-in-out infinite}.banner-user-icon{animation:userFloat 2s ease-in-out 1s infinite;opacity:.7}.banner-text{flex:1 1}.banner-text h3{color:gold;font-size:1rem;font-weight:600;margin:0 0 .25rem}.banner-text p{color:#b8b8b8;font-size:.85rem;line-height:1.4;margin:0}.banner-actions{align-items:center;display:flex;gap:.75rem}.elegant-login-btn{background:linear-gradient(135deg,gold,#ffed4a);border:none;border-radius:10px;color:#000;cursor:pointer;font-size:.85rem;font-weight:600;overflow:hidden;padding:.6rem 1.2rem;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap}.elegant-login-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.elegant-login-btn:hover:before{left:100%}.elegant-login-btn:hover{box-shadow:0 8px 25px #ffd70066;transform:translateY(-2px)}.banner-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#888;cursor:pointer;display:flex;justify-content:center;padding:.4rem;transition:all .3s ease}.banner-close-btn:hover{background:#ffffff1a;color:#fff}.close-icon{stroke-width:2;height:14px;width:14px}.submit-header{margin-bottom:4rem;position:relative;text-align:center}.header-badge{align-items:center;animation:badgeGlow 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffd7001a;border:1px solid #ffd70033;border-radius:50px;color:gold;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem}.submit-title{font-size:4rem;font-weight:300;line-height:1.1;margin-bottom:1.5rem}.title-main{color:#fff;display:block}.title-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ffed4a);-webkit-background-clip:text;background-clip:text;display:block;font-weight:600;position:relative}.title-accent:after{animation:underlineGrow 2s cubic-bezier(.16,1,.3,1) 1s both;background:linear-gradient(135deg,gold,#ffed4a);border-radius:2px;bottom:-10px;content:"";height:3px;left:0;position:absolute;right:0}.submit-subtitle{color:#b8b8b8;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.submit-grid{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:2fr 1fr}.form-container,.submit-form{position:relative}.submit-form{padding:3rem}.form-row,.form-section{margin-bottom:2rem}.form-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.field-label{align-items:center;color:gold;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.textarea-container{position:relative}.form-textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;color:#fff;font-family:inherit;font-size:1rem;line-height:1.6;min-height:140px;padding:1.25rem;resize:vertical;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.form-textarea:focus{background:#ffffff0f;border-color:#ffd70066;box-shadow:0 0 0 3px #ffd7001a,0 10px 30px #ffd7001a;outline:none;transform:translateY(-2px)}.form-textarea.near-limit{border-color:#ff980066}.form-textarea.at-limit{border-color:#ff453a66}.form-textarea::placeholder{color:#fff6}.character-counter{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:12px;bottom:.75rem;color:gold;display:flex;font-size:.85rem;font-weight:500;gap:2px;padding:.25rem .75rem;position:absolute;right:1rem;transition:all .3s ease}.counter-number{font-weight:600;transition:transform .2s ease}.counter-divider{opacity:.5}.counter-max{opacity:.7}.character-counter.warning{color:#ff9500}.character-counter.warning .counter-number{animation:warningPulse 1s ease-in-out infinite;transform:scale(1.1)}.character-counter.danger{color:#ff453a}.character-counter.danger .counter-number{animation:dangerPulse .5s ease-in-out infinite;transform:scale(1.15)}.category-button-grid{grid-gap:12px;box-sizing:border-box;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);margin-top:12px;width:100%}.category-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;box-sizing:border-box;color:#fffc;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;line-height:1.2;min-height:44px;overflow:hidden;padding:12px 8px;position:relative;text-align:center;transition:all .3s ease;white-space:normal;word-break:break-word}.category-button:hover:not(.disabled){background:#ffc1071a;border-color:#ffc10780;box-shadow:0 8px 25px #ffc10733;color:#fff;transform:translateY(-2px)}.category-button.selected{background:linear-gradient(135deg,#ffc107,#ffb300);border-color:#ffc107;box-shadow:0 8px 25px #ffc10766;color:#000;font-weight:600}.category-button.selected:before{color:#000;content:"✓";font-size:12px;font-weight:700;position:absolute;right:6px;top:4px}.category-button.disabled{background:#ffffff05;cursor:not-allowed;opacity:.4}.category-button:disabled:not(.selected){background:#ffffff05;cursor:not-allowed;opacity:.3}.selected-categories-summary{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffd70014;border:1px solid #ffd7004d;border-radius:8px;display:flex;font-size:14px;gap:12px;margin-top:16px;padding:12px 16px}.summary-label{color:#b8b8b8;font-weight:500}.summary-categories{color:gold;font-weight:600}.summary-count{color:gold;font-weight:500;margin-left:auto;opacity:.8}.category-suggestions{animation:suggestionSlideIn .4s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#000000d9,#141414e6 50%,#000000f2);border:2px solid #d4af374d;border-radius:16px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #d4af371a,0 0 20px #d4af370d;margin-top:16px;overflow:hidden;padding:20px;position:relative}.category-suggestions:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#d4af3799,#0000);content:"";height:2px;left:-100%;position:absolute;top:0;width:100%}.suggestions-header{align-items:center;border-bottom:1px solid #d4af3733;display:flex;gap:12px;margin-bottom:16px;padding-bottom:12px}.suggestions-icon{animation:brainPulse 2s ease-in-out infinite;color:#d4af37;filter:drop-shadow(0 0 8px rgba(212,175,55,.4));height:20px;width:20px}.suggestions-label{color:#f8f9fa;font-size:15px;font-weight:600;letter-spacing:.3px;margin:0;text-shadow:0 1px 2px #00000080}.suggestion-chip{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#000000e6,#1e1e1ef2 50%,#000000e6);border:2px solid #d4af3766;border-radius:28px;box-shadow:0 4px 15px #0000004d,inset 0 1px 0 #d4af371a;color:#f8f9fa;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;overflow:hidden;padding:12px 20px;position:relative;text-shadow:0 1px 2px #000000b3;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.suggestion-chip:before{background:linear-gradient(90deg,#0000,#d4af371a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.suggestion-chip:hover{background:linear-gradient(135deg,#d4af3726,#282828f2 50%,#d4af371a);border-color:#d4af37b3;box-shadow:0 12px 30px #0006,0 0 25px #d4af374d,inset 0 1px 0 #d4af3733;color:#fff;transform:translateY(-3px) scale(1.02)}.suggestion-chip:hover:before{left:100%}.suggestion-chip:active{transform:translateY(-1px) scale(1.01);transition:all .1s ease}.suggestion-chip:disabled{cursor:not-allowed;opacity:.3;transform:none}.chip-text{flex:1 1;font-weight:700;letter-spacing:.3px}.chip-confidence{align-items:center;display:flex;padding:2px}.confidence-icon{filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));height:18px;transition:all .3s ease;width:18px}.confidence-icon.high{animation:goldSparkle 1.8s ease-in-out infinite;color:#d4af37}.confidence-icon.medium{animation:goldGlow 2.2s ease-in-out infinite;color:#b8860b}.confidence-icon.low{animation:subtleThink 2.5s ease-in-out infinite;color:#8b7355}.toggle-options{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:.5rem;padding:.25rem}.toggle-option,.toggle-options{transition:all .3s cubic-bezier(.16,1,.3,1)}.toggle-option{cursor:pointer;flex:1 1}.toggle-option:hover:not(.disabled){transform:translateY(-1px)}.toggle-option input{display:none}.option-content{align-items:center;background:#0000;border-radius:8px;color:#b8b8b8;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease}.toggle-option.active .option-content{background:#ffd7001a;box-shadow:0 2px 8px #ffd70033;color:gold}.toggle-option.disabled{cursor:not-allowed;opacity:.6}.submit-button{align-items:center;background:linear-gradient(135deg,gold,#ffed4a);border-radius:16px;color:#000;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:1.25rem 2rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.submit-button:before{transition:left .5s}.submit-button:hover:not(:disabled){box-shadow:0 8px 25px #ffd7004d}.submit-button:disabled{opacity:.6}.submit-button.login-required{background:linear-gradient(135deg,#666,#777);cursor:not-allowed}.submit-button.login-required:hover{box-shadow:none;transform:none}.loading-skeleton{animation:skeletonShimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);border-radius:16px;bottom:0;left:0;position:absolute;right:0;top:0}.prediction-examples{padding:2rem;position:sticky;top:140px}.examples-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.examples-subtitle{color:#b8b8b8;font-size:.95rem;line-height:1.5;margin-bottom:2rem}.examples-list{margin-bottom:2rem}.example-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;cursor:default;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;transition:all .4s cubic-bezier(.16,1,.3,1)}.example-card:hover{background:#ffffff0f;border-color:#ffd7004d;box-shadow:0 8px 25px #ffd7001a;transform:translateY(-2px)}.example-icon{flex-shrink:0}.example-content{flex:1 1}.example-title{color:gold;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.example-text{color:#b8b8b8;font-size:.85rem;line-height:1.4}.community-stats{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:1rem;padding-top:1.5rem}.stat-item{justify-content:space-between}.stat-number{transition:transform .3s cubic-bezier(.16,1,.3,1)}.animated-number{animation:numberPulse 2s ease-in-out infinite;display:inline-block}.stat-label{font-size:.85rem}.guest-benefits{background:#ffd7000d;border:1px solid #ffd70033;border-radius:16px;margin-top:2rem;padding:1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.guest-benefits:hover{background:#ffd70014;border-color:#ffd7004d}.guest-benefits h4{color:gold;font-size:1rem;margin-bottom:1rem}.guest-benefits ul{list-style:none;margin-bottom:1.5rem;padding:0}.guest-benefits li{color:#b8b8b8;font-size:.85rem;margin-bottom:.5rem}.guest-benefits li,.signup-btn{align-items:center;display:flex}.signup-btn{background:linear-gradient(135deg,gold,#ffed4a);border:none;border-radius:12px;color:#000;cursor:pointer;font-weight:600;justify-content:center;overflow:hidden;padding:.75rem;position:relative;transition:all .3s ease;width:100%}.signup-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.signup-btn:hover:before{left:100%}.signup-btn:hover{box-shadow:0 4px 12px #ffd7004d;transform:translateY(-1px)}.success-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.success-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111111e6;border:1px solid #ffd7004d;border-radius:24px;padding:3rem;text-align:center}.success-icon,.success-title{margin-bottom:1rem}.success-title{color:gold;font-size:2.5rem;font-weight:600}.success-subtitle{color:#b8b8b8;font-size:1.1rem;margin-bottom:2rem}.success-animation{margin-top:1rem}.rocket{display:inline-block}.background-grid{animation:gridShift 30s linear infinite;background-image:linear-gradient(#ffd7001a 1px,#0000 0),linear-gradient(90deg,#ffd7001a 1px,#0000 0);opacity:.02;pointer-events:none;z-index:1}.ambient-glow{background:radial-gradient(circle,#ffd70008 0,#0000 70%);pointer-events:none;z-index:2}.ambient-glow-2{background:radial-gradient(circle,#daa52005 0,#0000 70%);pointer-events:none;z-index:2}.benefit-icon,.button-icon-svg,.example-icon-svg,.header-badge-icon,.label-icon-svg,.loading-spinner-svg,.notice-icon-svg,.option-icon-svg,.rocket-icon,.signup-icon,.success-sparkles{stroke-width:2}.header-badge-icon{color:gold;height:16px;width:16px}.label-icon-svg{color:gold;height:18px;width:18px}.option-icon-svg{height:16px;width:16px}.button-icon-svg,.loading-spinner-svg{height:18px;width:18px}.loading-spinner-svg{animation:spin 1s linear infinite}.notice-icon-svg{color:gold;flex-shrink:0;height:18px;width:18px}.example-icon-svg{stroke-width:1.5;color:gold;height:24px;width:24px}.success-sparkles{stroke-width:1.5;animation:success-pulse 2s ease-in-out infinite;color:gold;height:64px;width:64px}.rocket-icon{stroke-width:1.5;animation:rocket-launch 2s ease-out infinite;color:gold;height:32px;width:32px}.benefit-icon{flex-shrink:0;height:14px;margin-right:8px;width:14px}.signup-icon{height:16px;margin-right:6px;width:16px}.form-select:disabled,.form-textarea:disabled{cursor:not-allowed;opacity:.6}@keyframes lockPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes userFloat{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes warningPulse{0%,to{color:#ff9500}50%{color:#ffb340}}@keyframes dangerPulse{0%,to{color:#ff453a}50%{color:#ff6b60}}@keyframes suggestionSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes brainPulse{0%,to{filter:drop-shadow(0 0 8px rgba(212,175,55,.4));opacity:1;transform:scale(1)}50%{filter:drop-shadow(0 0 15px rgba(212,175,55,.6));opacity:.8;transform:scale(1.1)}}@keyframes goldSparkle{0%,to{filter:drop-shadow(0 0 8px rgba(212,175,55,.6));transform:scale(1) rotate(0deg)}25%{filter:drop-shadow(0 0 15px rgba(212,175,55,.8));transform:scale(1.15) rotate(5deg)}50%{filter:drop-shadow(0 0 20px rgba(212,175,55,1));transform:scale(1.2) rotate(0deg)}75%{filter:drop-shadow(0 0 15px rgba(212,175,55,.8));transform:scale(1.15) rotate(-5deg)}}@keyframes goldGlow{0%,to{filter:drop-shadow(0 0 5px rgba(184,134,11,.5))}50%{filter:drop-shadow(0 0 12px rgba(184,134,11,.8))}}@keyframes subtleThink{0%,to{filter:drop-shadow(0 0 3px rgba(139,115,85,.4));transform:rotate(0deg)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes skeletonShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes badgeGlow{0%,to{box-shadow:0 0 5px #ffd7004d}50%{box-shadow:0 0 20px #ffd70080}}@keyframes underlineGrow{0%{left:50%;width:0}to{left:0;width:100%}}@keyframes gridShift{0%{transform:translateX(0) translateY(0)}to{transform:translateX(60px) translateY(60px)}}@keyframes success-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes rocket-launch{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(15deg)}to{transform:translateY(0) rotate(0deg)}}@media (max-width:1024px){.submit-grid{gap:3rem;grid-template-columns:1fr}.prediction-examples{position:static}.category-button-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.container{padding:0 1rem}.submit-title{font-size:3rem}.submit-form{padding:2rem}.form-row{gap:1.5rem;grid-template-columns:1fr}.form-section{margin-bottom:2.5rem}.prediction-examples{padding:1.5rem}.banner-content{flex-direction:column;text-align:center}.elegant-login-banner{padding:1.25rem 1.5rem;top:90px}.category-button-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.category-button{font-size:12px;min-height:42px;padding:10px 6px}.category-button.selected:before{font-size:10px;right:4px;top:2px}.category-suggestions{margin-top:12px;padding:16px}.suggestions-list{flex-direction:column;gap:8px}.suggestion-chip{justify-content:space-between;padding:14px 18px;width:100%}@media (max-width:768px){.sticky-mobile{bottom:auto;box-shadow:0 4px 15px #ffd7004d;left:auto;margin:1.5rem 0 1rem;position:relative;right:auto;width:100%;z-index:1}.submit-form{padding-bottom:2rem}}@media (max-width:480px){.submit-title{font-size:2.5rem}.submit-form{padding:1.5rem}.form-section{margin-bottom:2rem}.example-card{padding:.75rem}.success-sparkles{height:48px;width:48px}.rocket-icon{height:24px;width:24px}.category-button-grid{gap:6px;grid-template-columns:repeat(2,1fr)}.category-button{font-size:11px;min-height:44px;padding:12px 8px}.selected-categories-summary{align-items:flex-start;flex-direction:column;gap:8px;padding:16px}.summary-count{margin-left:0;margin-top:4px}}.error-banner{align-items:flex-start;animation:errorSlideIn .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#dc262626,#b91c1c1f 50%,#991b1b1a);border:2px solid #dc262666;border-left:6px solid #dc2626;border-radius:16px;box-shadow:0 8px 32px #dc262633,0 0 0 1px #dc26261a,inset 0 1px 0 #ffffff0d;box-sizing:border-box;display:flex;gap:16px;left:50%;max-width:450px;overflow:hidden;padding:20px 24px;position:fixed;top:80px;transform:translateX(-50%);width:90%;z-index:10000}.error-banner:before{animation:shimmerError 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#dc2626cc,#ef4444,#dc2626cc,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.error-banner:after{animation:errorShimmer 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#dc26260d,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.elegant-error-message{align-items:flex-start;animation:errorSlideIn .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#dc262626,#b91c1c1f 50%,#991b1b1a);border:2px solid #dc262666;border-left:6px solid #dc2626;border-radius:16px;box-shadow:0 8px 32px #dc262633,0 0 0 1px #dc26261a,inset 0 1px 0 #ffffff0d;box-sizing:border-box;display:flex;gap:16px;margin-bottom:24px;overflow:hidden;padding:20px 24px;position:relative;width:100%;z-index:9999}.elegant-error-message:before{animation:shimmerError 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#dc2626cc,#ef4444,#dc2626cc,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.elegant-error-message:after{animation:errorShimmer 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#dc26260d,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.error-icon-wrapper{align-items:center;background:#dc262626;border-radius:50%;display:flex;flex-shrink:0;height:28px;justify-content:center;position:relative;width:28px;z-index:2}.error-icon{stroke-width:2.5;animation:errorIconPulse 2s ease-in-out infinite;color:#ef4444;filter:drop-shadow(0 2px 8px rgba(239,68,68,.4));height:22px;width:22px}.error-content{flex:1 1;min-width:0;position:relative;z-index:2}.error-title{color:#fee2e2;font-size:17px;font-weight:700;line-height:1.3;margin:0 0 8px;text-shadow:0 1px 2px #0000004d}.error-description{color:#fecaca;font-size:15px;line-height:1.5;margin:0;opacity:.95;text-shadow:0 1px 2px #0003}.error-dismiss-btn{background:#dc262633;border:1px solid #dc26264d;border-radius:10px;color:#fecaca;cursor:pointer;flex-shrink:0;padding:8px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);z-index:2}.error-dismiss-btn:hover{background:#dc26264d;border-color:#dc262680;box-shadow:0 4px 12px #dc26264d;color:#fff;transform:scale(1.1)}.error-dismiss-btn:active{transform:scale(1.05)}.dismiss-icon{stroke-width:2;height:18px;width:18px}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmerError{0%,to{opacity:.6}50%{opacity:1}}@keyframes errorShimmer{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes errorIconPulse{0%,to{filter:drop-shadow(0 2px 8px rgba(239,68,68,.4));transform:scale(1)}50%{filter:drop-shadow(0 3px 12px rgba(239,68,68,.6));transform:scale(1.1)}}@media (max-width:768px){.elegant-error-message{border-left-width:5px;border-radius:14px;gap:14px;margin-bottom:20px;padding:18px 20px}.error-banner{max-width:400px;padding:18px 20px;top:60px}.error-icon-wrapper{height:26px;width:26px}.error-icon{height:20px;width:20px}.error-title{font-size:16px}.error-description{font-size:14px}.dismiss-icon{height:16px;width:16px}}@media (max-width:480px){.elegant-error-message{border-left-width:4px;border-radius:12px;gap:12px;padding:16px 18px}.error-banner{max-width:350px;padding:16px 18px;top:40px}.error-title{font-size:15px}.error-description{font-size:13px}}.elegant-login-banner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;border:1px solid #333;border-radius:8px;box-shadow:0 4px 15px #0000004d;left:50%;max-width:500px;padding:.75rem 1.5rem;position:fixed;top:70px;transform:translateX(-50%);width:90%;z-index:100}.submit-container:has(.elegant-login-banner) .container{padding-top:120px;transition:padding-top .3s ease}.elegant-login-banner~.container{padding-top:120px;transition:padding-top .3s ease}.banner-content{align-items:center;display:flex;gap:1rem;justify-content:space-between}.banner-icon-group{align-items:center;color:gold;display:flex;gap:.5rem}.banner-text{flex:1 1;margin:0 1rem}.banner-text h3{color:gold;font-size:1rem;font-weight:600;margin:0 0 .25rem}.banner-text p{color:#aaa;font-size:.85rem;margin:0}.banner-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.elegant-login-btn{background:gold;border:none;border-radius:4px;color:#000;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.elegant-login-btn:hover{background:#ffed4a;transform:translateY(-1px)}.banner-close-btn{background:#0000;border:none;border-radius:4px;color:#888;cursor:pointer;padding:.25rem;transition:color .2s ease}.banner-close-btn:hover{color:#fff}.close-icon{height:16px;width:16px}@media (max-width:768px){.elegant-login-banner{max-width:320px;padding:.6rem 1rem;top:60px;width:85%}.banner-content{flex-direction:column;gap:.6rem;text-align:center}.banner-icon-group{justify-content:center}.banner-text{margin:0}.banner-text h3{font-size:.9rem}.banner-text p{font-size:.8rem}.banner-actions{justify-content:space-between;width:100%}.elegant-login-btn{flex:1 1;font-size:.8rem;max-width:120px;padding:.5rem .75rem}.elegant-login-banner~.container,.submit-container:has(.elegant-login-banner) .container{padding-top:100px}}@media (max-width:480px){.elegant-login-banner{max-width:280px;padding:.5rem .75rem}.banner-text h3{font-size:.85rem}.elegant-login-btn{font-size:.75rem;padding:.4rem .6rem}}}.google-signin-btn{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:12px;color:#333;cursor:pointer;display:flex;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;font-weight:500;gap:12px;justify-content:center;margin-bottom:20px;padding:14px 24px;transition:all .2s ease;width:100%}.google-signin-btn:hover:not(:disabled){background:#f8f9fa;border-color:#c6c6c6;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.google-signin-btn:active:not(:disabled){box-shadow:0 1px 4px #0000001a;transform:translateY(0)}.google-signin-btn:disabled{cursor:not-allowed;opacity:.6}.google-signin-btn .google-icon{flex-shrink:0;height:20px;width:20px}.google-signin-btn .button-spinner{animation:spin 1s linear infinite;color:#4285f4}.google-signin-btn span{line-height:1}.login-container{background:linear-gradient(135deg,#000,#0a0a0a 25%,#111 75%,#000);overflow:hidden;padding:2rem;position:relative}.background-grid{animation:gridMove 20s linear infinite;background-image:linear-gradient(#ffd70005 1px,#0000 0),linear-gradient(90deg,#ffd70005 1px,#0000 0);background-size:60px 60px;opacity:.5;z-index:0}.background-grid,.background-pattern{height:100%;left:0;position:fixed;top:0;width:100%}.background-pattern{animation:patternMove 20s linear infinite;background:linear-gradient(45deg,#0000 30%,#ffd70008 0,#ffd70008 70%,#0000 0),linear-gradient(-45deg,#0000 30%,#ffd70005 0,#ffd70005 70%,#0000 0);background-size:60px 60px;z-index:-1}.ambient-glow{animation:gentle-float 20s ease-in-out infinite;background:radial-gradient(circle,#ffd7000d 0,#0000 70%);filter:blur(40px);height:600px;right:10%;top:20%;width:600px}.ambient-glow,.ambient-glow-2{border-radius:50%;position:fixed;z-index:0}.ambient-glow-2{animation:gentle-float 25s ease-in-out infinite reverse;background:radial-gradient(circle,#daa52008 0,#0000 70%);bottom:20%;filter:blur(30px);height:400px;left:10%;width:400px}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(60px,60px)}}@keyframes patternMove{0%{transform:translate(0)}to{transform:translate(60px,60px)}}@keyframes gentle-float{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-30px) translateX(20px)}}.lucide{stroke-width:2;color:currentColor;flex-shrink:0;transition:all .3s ease}.chart-icon.lucide,.login-icon .lucide,.section-icon.lucide,.stat-icon .lucide{filter:drop-shadow(0 0 8px rgba(255,215,0,.3))}.login-icon .lucide{animation:icon-pulse 2s ease-in-out infinite;color:gold;filter:drop-shadow(0 0 12px rgba(255,215,0,.4))}@keyframes icon-pulse{0%,to{filter:drop-shadow(0 0 12px rgba(255,215,0,.4));transform:scale(1)}50%{filter:drop-shadow(0 0 20px rgba(255,215,0,.6));transform:scale(1.05)}}.login-wrapper{margin:0 auto;max-width:1440px;padding:0 3rem;position:relative;width:100%;z-index:10}.login-content{grid-gap:6rem;align-items:center;display:grid;gap:6rem;grid-template-columns:1fr 1fr;min-height:80vh}.login-form-section{display:flex;flex-direction:column;justify-content:center}.login-box{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#111c,#000000e6);border:1px solid #ffd70033;border-radius:24px;box-shadow:0 20px 40px #0006,0 0 80px #ffd7001a,0 0 0 1px #ffd7001a;max-width:500px;padding:3rem 2.5rem;position:relative;width:100%;z-index:1}.login-box:before{background:linear-gradient(90deg,#0000,#ffd70099,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.login-visual{align-items:center;display:flex;justify-content:center;position:relative}.login-dashboard-preview{animation:slideUp .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#111c,#000000e6);border:1px solid #ffd70033;border-radius:20px;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffd7001a;max-width:500px;overflow:hidden;padding:2.5rem;position:relative;width:100%}.login-dashboard-preview:before{background:linear-gradient(90deg,#0000,#ffd70080,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.preview-header{margin-bottom:2rem;text-align:center}.preview-title{color:gold;font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.preview-subtitle{color:#b8b8b8;font-size:.95rem}.preview-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.preview-stat{background:#ffffff05;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.preview-stat:hover{background:#ffffff0d;border-color:#ffd70033}.preview-stat-value{color:gold;font-size:2rem;font-weight:700;line-height:1;margin-bottom:.5rem}.preview-stat-label{color:#b8b8b8;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.preview-chart{align-items:end;background:linear-gradient(135deg,#ffd7000d,#ffd70005);border-radius:12px;display:flex;height:100px;justify-content:space-around;overflow:hidden;padding:1rem;position:relative}.chart-bar{animation:chart-grow 2s ease-out infinite;background:linear-gradient(135deg,gold,#ffed4e);border-radius:4px 4px 0 0;width:8px}.chart-bar:first-child{animation-delay:0s;height:30%}.chart-bar:nth-child(2){animation-delay:.2s;height:60%}.chart-bar:nth-child(3){animation-delay:.4s;height:45%}.chart-bar:nth-child(4){animation-delay:.6s;height:80%}.chart-bar:nth-child(5){animation-delay:.8s;height:35%}.chart-bar:nth-child(6){animation-delay:1s;height:70%}@keyframes chart-grow{0%{opacity:.5;transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}to{opacity:.8;transform:scaleY(.95)}}.login-header{margin-bottom:2rem;text-align:center}.login-icon{align-items:center;background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:2px solid #ffd7004d;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1rem;overflow:hidden;position:relative;width:80px}.login-icon:before{animation:rotate-glow 3s linear infinite;background:linear-gradient(45deg,#0000,#ffd7001a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate-glow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ffed4a);-webkit-background-clip:text;background-clip:text;color:gold;font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-subtitle{color:#b8b8b8;font-size:1rem;line-height:1.5}.progress-indicator{margin-bottom:2rem;padding:1.5rem 0}.progress-steps{gap:4rem;justify-content:center;margin-bottom:1rem}.progress-step,.progress-steps{align-items:center;display:flex}.progress-step{flex-direction:column;gap:.5rem;position:relative}.step-number{background:#0000;border:2px solid #ffffff4d;color:#ffffff80;font-size:.9rem;height:40px;transition:all .3s ease;width:40px}.progress-step.active .step-number{background:#ffd7001a;border-color:gold;box-shadow:0 0 20px #ffd7004d;color:gold}.progress-step.completed .step-number{background:gold;border-color:gold;color:#000}.step-label{color:#ffffff80;font-size:.75rem;font-weight:500;transition:color .3s ease}.progress-step.active .step-label,.progress-step.completed .step-label{color:gold}.progress-line,.progress-step:after,.progress-step:before{display:none!important}.progress-fill{box-shadow:0 0 10px #ffd70080;transition:width .5s ease}.login-form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.step-container{margin-bottom:1.5rem}.input-group{align-items:center;display:flex;margin-bottom:1rem;position:relative;transition:all .3s ease}.input-group.focused{transform:translateY(-2px)}.input-group.valid{--input-border-color:#4ade80}.input-group.invalid{--input-border-color:#ef4444}.input-wrapper{flex:1 1;position:relative}.input-icon{align-items:center;color:gold;display:flex;justify-content:center;left:1rem;position:absolute;transition:all .3s ease;z-index:2}.input-icon .lucide{stroke-width:2.5;filter:drop-shadow(0 0 4px rgba(255,215,0,.3))}.input-group:focus-within .input-icon{filter:drop-shadow(0 0 8px rgba(255,215,0,.5));transform:scale(1.1)}.input-group:focus-within .input-icon .lucide{stroke-width:3;color:#ffed4a}.floating-label{background:#0000;color:#ffffff80;font-size:1rem;left:3.5rem;padding:0 4px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:1}.input-group input:not(:placeholder-shown)+.floating-label,.input-group.focused .floating-label{background:#000;color:gold;font-size:.75rem;left:3rem;top:-10px;transform:none}.login-input{background:#0000;border:2px solid #ffffff1a;border-radius:12px;color:#fff;font-size:1rem;outline:none;padding:1rem 3.5rem;transition:all .3s ease;width:100%}.login-input::placeholder{color:#0000}.login-input:focus{background:#ffffff05;border-color:gold;border-color:var(--input-border-color,gold);box-shadow:0 0 0 3px #ffd7001a}.input-group.valid .login-input{border-color:#4ade80;box-shadow:0 0 0 3px #4ade801a}.input-group.invalid .login-input{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.input-status{align-items:center;display:flex;position:absolute;right:3.5rem;top:50%;transform:translateY(-50%);z-index:2}.status-spinner{animation:spin 1s linear infinite;color:gold}.status-valid{color:#4ade80}.status-invalid{color:#ef4444}.password-toggle{background:none;border:none;border-radius:6px;color:#ffffff80;cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:2}.password-toggle:hover{background:#ffd7001a;color:gold}.validation-message{align-items:center;border-radius:8px;display:flex;font-size:.8rem;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;transition:all .3s ease}.validation-message.valid{background:#4ade801a;border:1px solid #4ade8033;color:#4ade80}.validation-message.invalid{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.format-requirements{align-items:center;background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;color:#fff9;display:flex;font-size:.75rem;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem}.password-strength{margin-top:.75rem}.strength-bar{background:#ffffff1a;border-radius:2px;height:4px;margin-bottom:.5rem;overflow:hidden}.strength-fill{border-radius:2px;height:100%;transition:all .5s ease}.strength-fill.weak{background:#ef4444;box-shadow:0 0 10px #ef44444d}.strength-fill.medium{background:#f59e0b;box-shadow:0 0 10px #f59e0b4d}.strength-fill.strong{background:#4ade80;box-shadow:0 0 10px #4ade804d}.strength-text{align-items:center;display:flex;font-size:.75rem;justify-content:space-between}.strength-label{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.strength-label.weak{color:#ef4444}.strength-label.medium{color:#f59e0b}.strength-label.strong{color:#4ade80}.strength-message{color:#fff9}.username-suggestions{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;margin-top:1rem;padding:1rem}.suggestions-label{color:#ffffffb3;font-size:.8rem;font-weight:500;margin-bottom:.75rem}.suggestions-list{flex-wrap:wrap;gap:.5rem}.suggestion-btn{background:#ffd7001a;border:1px solid #ffd70033;border-radius:8px;color:gold;cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem .75rem;transition:all .3s ease}.suggestion-btn:hover{background:#ffd70033;border-color:#ffd70066;transform:translateY(-1px)}.form-options{justify-content:space-between}.form-options,.remember-me{align-items:center;display:flex}.remember-me{color:#b8b8b8;cursor:pointer;font-size:.9rem;gap:.75rem;position:relative;transition:all .3s ease}.remember-me:hover{color:gold}.remember-checkbox{appearance:none;cursor:pointer;opacity:0;position:absolute}.checkmark{align-items:center;background:#0000;border:2px solid #ffd7004d;border-radius:6px;display:flex;height:20px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:20px}.checkmark .lucide{stroke-width:3;color:#000;opacity:0;transform:scale(.5);transition:all .3s ease}.remember-checkbox:checked+.checkmark{background:linear-gradient(135deg,gold,#ffed4a);border-color:gold;box-shadow:0 0 10px #ffd7004d}.remember-checkbox:checked+.checkmark .lucide{opacity:1;transform:scale(1)}.remember-checkbox:focus+.checkmark{border-color:gold;box-shadow:0 0 0 2px #ffd70033}.remember-label{transition:color .3s ease;-webkit-user-select:none;user-select:none}.form-actions{display:flex;gap:1rem;margin:1.5rem 0}.prev-step-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fffc;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease}.prev-step-btn:hover{background:#ffffff1a;color:#fff;transform:translateY(-1px)}.login-button,.next-step-btn{align-items:center;background:linear-gradient(135deg,gold,#ffed4a);border:none;border-radius:12px;color:#000;cursor:pointer;display:flex;flex:2 1;font-size:1.1rem;font-weight:700;gap:.75rem;justify-content:center;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease;width:100%}.login-button:before,.next-step-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login-button:hover:not(:disabled):before,.next-step-btn:hover:not(:disabled):before{left:100%}.login-button:hover:not(:disabled),.next-step-btn:hover:not(:disabled){box-shadow:0 8px 25px #ffd70066;transform:translateY(-2px)}.login-button:hover:not(:disabled) .button-icon .lucide,.next-step-btn:hover:not(:disabled) .button-icon .lucide{animation:button-icon-bounce .6s ease;transform:scale(1.1)}@keyframes button-icon-bounce{0%,to{transform:scale(1.1)}50%{transform:scale(1.3) rotate(5deg)}}.login-button:active,.next-step-btn:active{transform:translateY(0)}.login-button:disabled,.next-step-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.button-icon{align-items:center;display:flex;justify-content:center}.button-icon .lucide{stroke-width:2.5;transition:all .3s ease}.button-spinner,.spinner-icon,.status-spinner{animation:spin 1s linear infinite}.success-animation{animation:fadeInUp .6s ease-out;padding:3rem 2rem;text-align:center}.success-checkmark{animation:checkmarkPop .8s ease-out .2s both;color:#4ade80;margin-bottom:2rem}.success-animation h2{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:1rem}.success-animation p{color:#fffc;font-size:1rem;margin-bottom:2rem}.success-loader{align-items:center;color:gold;display:flex;font-weight:500;gap:1rem;justify-content:center}@keyframes checkmarkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.form-footer{border-top:1px solid #ffd7001a;padding-top:1rem;text-align:center}.toggle-link{color:gold;cursor:pointer;font-size:.95rem;position:relative;transition:all .3s ease}.toggle-link:hover{color:#ffed4a;text-decoration:underline;text-shadow:0 0 8px #ffd70080}.login-benefits{background:#ffd7000d;border:1px solid #ffd7001a;border-radius:16px;margin-top:2rem;padding:1.5rem}.login-benefits h4{color:gold;font-size:1rem;margin-bottom:1rem;text-align:center}.benefits-list{display:flex;flex-direction:column;gap:.75rem}.benefit-item{align-items:center;border-radius:8px;color:#b8b8b8;display:flex;font-size:.9rem;gap:.75rem;padding:.5rem;transition:all .3s ease}.benefit-item:hover{background:#ffd7000d;color:gold}.benefit-item:hover .benefit-icon .lucide{filter:drop-shadow(0 0 4px rgba(255,215,0,.4));transform:scale(1.1)}.benefit-icon{align-items:center;color:gold;display:flex;justify-content:center}.benefit-icon .lucide{stroke-width:2;transition:all .3s ease}.dashboard-container{margin:0 auto;max-width:1440px;padding:0 3rem;position:relative;width:100%;z-index:10}.dashboard-section{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#111c,#000000e6);border:1px solid #ffd70033;border-radius:24px;box-shadow:0 20px 40px #0006,0 0 80px #ffd7001a,0 0 0 1px #ffd7001a;padding:2rem;position:relative;width:100%;z-index:1}.dashboard-section:before{background:linear-gradient(90deg,#0000,#ffd70099,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.dashboard-header{border-bottom:1px solid #ffd70033;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem}.dashboard-header,.user-avatar{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,gold,#ffed4a);border-radius:50%;box-shadow:0 4px 20px #ffd7004d;color:#000;flex-shrink:0;height:80px;justify-content:center;position:relative;transition:all .3s ease;width:80px}.user-avatar:hover{box-shadow:0 6px 25px #ffd70066;transform:scale(1.05)}.avatar-icon{stroke-width:2.5;transition:all .3s ease}.user-welcome{flex:1 1}.dashboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ffed4a);-webkit-background-clip:text;background-clip:text;color:gold;font-size:2rem;font-weight:700;margin-bottom:.5rem}.dashboard-subtitle{color:#b8b8b8;font-size:1rem}.logout-button{align-items:center;background:#ffd7001a;border:2px solid #ffd7004d;border-radius:12px;color:gold;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.logout-button:hover{background:#ffd70033;border-color:gold;box-shadow:0 4px 12px #ffd70033;transform:translateY(-1px)}.logout-button:hover .logout-icon{transform:translateX(2px)}.logout-icon{stroke-width:2;transition:all .3s ease}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#ffffff0d;border:1px solid #ffd70033;border-radius:16px;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.stat-card:before{background:linear-gradient(90deg,#0000,gold,#0000);content:"";height:2px;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.stat-card:hover:before{left:100%}.stat-card:hover{background:#ffffff14;border-color:#ffd70066;box-shadow:0 8px 25px #ffd70026;transform:translateY(-2px)}.stat-card:hover .stat-icon .lucide{filter:drop-shadow(0 0 12px rgba(255,215,0,.6));transform:scale(1.1) rotate(5deg)}.stat-icon{align-items:center;background:#ffd7001a;border-radius:12px;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.stat-icon .lucide{stroke-width:2;color:gold;filter:drop-shadow(0 0 6px rgba(255,215,0,.3));transition:all .3s ease}.stat-content h3{color:gold;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.stat-content p{color:#b8b8b8;font-size:.9rem}.dashboard-content{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.predictions-section{background:#ffffff0d;border:1px solid #ffd70033;border-radius:16px;padding:1.5rem;width:100%}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h3{align-items:center;color:gold;display:flex;font-size:1.2rem;font-weight:600;gap:.75rem}.section-icon{stroke-width:2;filter:drop-shadow(0 0 4px rgba(255,215,0,.3))}.add-prediction-btn,.create-first-btn{align-items:center;background:linear-gradient(135deg,gold,#ffed4a);border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.add-prediction-btn:hover,.create-first-btn:hover{box-shadow:0 4px 12px #ffd7004d;transform:translateY(-1px)}.add-prediction-btn:hover .lucide,.create-first-btn:hover .lucide{transform:scale(1.1)}.add-prediction-btn .lucide,.create-first-btn .lucide{stroke-width:2.5;transition:all .3s ease}.no-predictions{color:#b8b8b8;padding:2rem;text-align:center}.no-predictions-icon{color:gold;margin-bottom:1rem;opacity:.7}.no-predictions-icon .lucide{filter:drop-shadow(0 0 8px rgba(255,215,0,.3))}.no-predictions h4{color:gold;margin-bottom:.5rem}.create-first-btn{border-radius:12px;margin-top:1rem;padding:.75rem 1.5rem}.predictions-list{display:flex;flex-direction:column;gap:1rem;max-height:500px;overflow-y:auto;padding-right:.5rem}.predictions-list.expanded{max-height:70vh}.predictions-list::-webkit-scrollbar{width:6px}.predictions-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.predictions-list::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:3px}.prediction-card{background:#ffffff0d;border:1px solid #ffd7001a;border-radius:12px;padding:1rem;transition:all .3s ease}.prediction-card:hover{background:#ffffff14;border-color:#ffd7004d}.prediction-header{align-items:center}.prediction-meta{gap:1rem}.category-badge{align-items:center;background:#ffd7001a;border-radius:20px;color:gold;display:flex;font-size:.8rem;gap:.5rem;padding:.25rem .75rem;transition:all .3s ease}.category-badge:hover{background:#ffd70026;transform:scale(1.02)}.category-icon{stroke-width:2;transition:all .3s ease}.category-badge:hover .category-icon{transform:scale(1.1)}.visibility-badge,.visibility-indicator{align-items:center;display:flex}.visibility-indicator{border-radius:12px;font-size:.8rem;font-weight:500;gap:.4rem;padding:.2rem .6rem;transition:all .3s ease}.visibility-indicator .lucide{stroke-width:2}.visibility-indicator.public{background:#4caf5033;color:#4caf50}.visibility-indicator.private{background:#9e9e9e33;color:#9e9e9e}.visibility-indicator:hover{transform:scale(1.05)}.prediction-content p{color:#fff;font-size:.9rem;line-height:1.5;margin:0}.view-all-container{border-top:1px solid #ffd7001a;margin-top:1rem;padding-top:1rem;text-align:center}.back-btn,.view-all-btn{align-items:center;background:none;border:2px solid #ffd7004d;border-radius:8px;color:gold;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.back-btn:hover,.view-all-btn:hover{background:#ffd7001a;border-color:gold;transform:translateY(-1px)}.back-btn .lucide{stroke-width:2;transition:all .3s ease}.back-btn:hover .lucide{transform:translateX(-2px)}.header-actions{align-items:center;display:flex;gap:10px}.prediction-actions{gap:10px}.loading-predictions,.loading-spinner{align-items:center;color:gold;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem}.loading-predictions .lucide,.loading-spinner .lucide{color:gold;filter:drop-shadow(0 0 8px rgba(255,215,0,.5))}.charts-container{width:100%}.charts-grid{grid-gap:2rem;gap:2rem;grid-template-columns:1fr 1fr}.chart-box{background:#ffffff0d;border:1px solid #ffd70033;border-radius:16px;padding:1.5rem;transition:all .3s ease}.chart-box:hover{background:#ffffff14;border-color:#ffd7004d;box-shadow:0 4px 20px #ffd7001a;transform:translateY(-2px)}.chart-header{margin-bottom:1rem}.chart-header h3{align-items:center;color:gold;display:flex;font-size:1.1rem;gap:.75rem}.chart-icon{stroke-width:2;filter:drop-shadow(0 0 4px rgba(255,215,0,.3));transition:all .3s ease}.chart-box:hover .chart-icon{filter:drop-shadow(0 0 8px rgba(255,215,0,.5));transform:scale(1.1)}.chart-wrapper{height:200px;width:100%}.chart-wrapper canvas{max-height:100%;max-width:100%}@media (max-width:1200px){.dashboard-container,.login-wrapper{padding:0 2rem}.login-content{gap:4rem}.charts-grid{grid-template-columns:1fr}.progress-steps{gap:2rem}}@media (max-width:1024px){.login-content{gap:3rem;grid-template-columns:1fr;text-align:center}.login-visual{order:-1}.login-dashboard-preview{max-width:400px}.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-container,.login-wrapper{padding:0 1.5rem}.login-container{padding:1rem}.login-content{gap:2rem}.login-box,.login-dashboard-preview{padding:2rem 1.5rem}.preview-stats{gap:1rem;grid-template-columns:1fr}.dashboard-section{padding:1.5rem}.dashboard-header{flex-direction:column;gap:1rem;text-align:center}.stats-grid{grid-template-columns:1fr}.chart-wrapper{height:250px}.section-header{flex-direction:column;gap:1rem;text-align:center}.header-actions{flex-direction:column;gap:8px}.user-avatar{height:60px;width:60px}.user-avatar .avatar-icon{height:30px;width:30px}.progress-steps{gap:1.5rem}.step-number{font-size:.8rem;height:35px;width:35px}.step-label{font-size:.7rem}.suggestions-list{gap:.4rem}.suggestion-btn{font-size:.75rem;padding:.4rem .6rem}.form-actions{flex-direction:column;gap:.75rem}.prev-step-btn{order:2}.login-button,.next-step-btn{order:1}.login-input{font-size:16px}}@media (max-width:480px){.login-box{padding:2rem 1.5rem}.login-dashboard-preview{padding:1.5rem}.login-title{font-size:1.8rem}.preview-title{font-size:1.1rem}.dashboard-section{padding:1rem}.prediction-header,.prediction-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.user-avatar{height:50px;width:50px}.user-avatar .avatar-icon{height:24px;width:24px}.login-icon{height:60px;width:60px}.login-icon .lucide{height:36px;width:36px}}@media (hover:none) and (pointer:coarse){.next-step-btn,.password-toggle,.prev-step-btn,.suggestion-btn{min-height:44px;min-width:44px}}@media (prefers-contrast:high){.progress-step.active .step-number{background:gold;color:#000}.validation-message.invalid,.validation-message.valid{border-width:2px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.background-grid,.background-pattern,.success-animation,.success-checkmark{animation:none}}.reliability-badge{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.reliability-badge.excellent{background:#dcfce7;color:#16a34a}.reliability-badge.good{background:#fef3c7;color:#d97706}.reliability-badge.fair{background:#fed7aa;color:#ea580c}.reliability-badge.poor{background:#fecaca;color:#dc2626}.flagged-badge{background:#fef2f2;border-radius:12px;color:#dc2626;font-size:.75rem;font-weight:600;padding:4px 8px}.performance-dashboard{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;margin:20px 0;padding:24px}.reliability-section{background:#f8fafc;border-radius:12px;margin:20px 0;padding:20px}.score-display{gap:20px;margin:16px 0}.score-circle,.score-display{align-items:center;display:flex}.score-circle{border-radius:50%;flex-direction:column;font-weight:700;height:80px;justify-content:center;position:relative;width:80px}.score-circle.excellent{background:linear-gradient(45deg,#10b981,#059669);color:#fff}.score-circle.good{background:linear-gradient(45deg,#f59e0b,#d97706);color:#fff}.score-circle.fair{background:linear-gradient(45deg,#ef4444,#dc2626);color:#fff}.score-circle.poor{background:linear-gradient(45deg,#991b1b,#7f1d1d);color:#fff}.score-number{font-size:1.5rem;font-weight:700}.score-label{font-size:.8rem;opacity:.8}.score-details{flex:1 1}.score-item{border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin:8px 0;padding:8px 0}.score-item .label{color:#64748b;font-weight:500}.score-item .value{color:#1e293b;font-weight:600}.score-item .value.flagged{color:#dc2626}.insights-section{margin:20px 0}.insights-list{margin:12px 0}.insight-item{background:#fff;border-left:4px solid #3b82f6;border-radius:8px;font-size:.9rem;margin:8px 0;padding:12px 16px}.quick-actions{margin:20px 0}.action-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.action-btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-weight:600;padding:12px 16px;text-decoration:none;transition:all .2s ease}.action-btn.primary{background:#3b82f6;color:#fff}.action-btn.primary:hover{background:#2563eb;transform:translateY(-1px)}.action-btn.secondary{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.action-btn.secondary:hover{background:#e2e8f0;transform:translateY(-1px)}.reliability-card{overflow:hidden;position:relative}.reliability-card:before{background:linear-gradient(90deg,#0000,#10b981,#0000);content:"";height:2px;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.reliability-card:hover:before{left:100%}.reliability-card .stat-icon .lucide{color:#10b981;filter:drop-shadow(0 0 6px rgba(16,185,129,.3))}.reliability-card:hover .stat-icon .lucide{filter:drop-shadow(0 0 12px rgba(16,185,129,.6))}.quality-breakdown{margin-top:.5rem}.quality-mini-stats{display:flex;gap:.75rem}.quality-high{color:#10b981}.quality-flagged,.quality-high{font-size:.75rem;font-weight:500}.quality-flagged{color:#ef4444}.quality-badge{align-items:center;border-radius:8px;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .5rem;transition:all .3s ease}.quality-badge .lucide{stroke-width:2.5}.prediction-card.flagged{background:#ef444405;border-color:#ef44444d}.prediction-card.flagged:before{background:linear-gradient(90deg,#0000,#ef444499,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.prediction-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.75rem}.prediction-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.prediction-date{color:#888;font-size:.8rem;font-weight:500}.prediction-actions{align-items:center;display:flex;gap:.5rem}.details-toggle{align-items:center;background:#ffd7001a;border:1px solid #ffd70033;border-radius:6px;color:gold;cursor:pointer;display:flex;gap:.25rem;padding:.25rem;transition:all .3s ease}.details-toggle:hover{background:#ffd70033;border-color:#ffd70066;transform:scale(1.05)}.details-toggle .lucide{stroke-width:2}.prediction-footer{align-items:center;border-top:1px solid #ffd7001a;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-top:.75rem;padding-top:.75rem}.prediction-category{background:#ffd7001a;border-radius:20px;color:gold;font-size:.8rem;font-weight:500;padding:.25rem .75rem;transition:all .3s ease}.prediction-category:hover{background:#ffd70026;transform:scale(1.02)}.prediction-stats{align-items:center;display:flex;font-size:.8rem;gap:1rem}.quality-level{font-weight:600;transition:all .3s ease}.word-ratio{color:#b8b8b8;font-weight:500}.prediction-details{animation:slideDown .3s ease-out;background:#ffffff05;border:1px solid #ffd7001a;border-radius:12px;margin-top:1rem;padding:1rem}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:300px;opacity:1;transform:translateY(0)}}.details-header{border-bottom:1px solid #ffd7001a;margin-bottom:1rem;padding-bottom:.5rem}.details-header h4{align-items:center;color:gold;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0}.quality-explanations{margin-bottom:1rem}.quality-explanation{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;color:#e5e5e5;font-size:.85rem;margin-bottom:.5rem;padding:.75rem;transition:all .3s ease}.quality-explanation:hover{background:#ffffff0d;border-color:#ffd7001a}.quality-explanation:last-child{margin-bottom:0}.technical-details{background:#0003;border-radius:8px;padding:1rem}.detail-row{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;font-size:.85rem;justify-content:space-between;padding:.5rem 0}.detail-row:last-child{border-bottom:none;margin-bottom:0}.detail-row span:first-child{color:#b8b8b8;font-weight:500}.detail-row span:last-child{color:gold;font-weight:600}.section-actions{gap:.75rem}.section-actions,.view-all-btn{align-items:center;display:flex}.view-all-btn{background:#ffd7001a;border:2px solid #ffd7004d;border-radius:8px;color:gold;cursor:pointer;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.view-all-btn:hover{background:#ffd70033;border-color:gold;box-shadow:0 4px 12px #ffd70033;transform:translateY(-1px)}.view-all-btn .lucide{stroke-width:2;transition:all .3s ease}.view-all-btn:hover .lucide{transform:scale(1.1)}@media (max-width:768px){.prediction-header{gap:.75rem}.prediction-header,.prediction-meta{align-items:flex-start;flex-direction:column}.prediction-meta{gap:.5rem;width:100%}.prediction-actions{align-self:flex-end}.prediction-footer{gap:.75rem}.prediction-footer,.prediction-stats{align-items:flex-start;flex-direction:column}.prediction-stats{gap:.5rem}.section-actions{flex-direction:column;gap:.5rem;width:100%}.add-prediction-btn,.view-all-btn{justify-content:center;width:100%}.quality-mini-stats{flex-direction:column;gap:.25rem}.technical-details{padding:.75rem}.detail-row{align-items:flex-start;flex-direction:column;gap:.25rem}}@media (max-width:480px){.stats-grid{gap:1rem;grid-template-columns:1fr}.stat-card{padding:1rem}.prediction-details{padding:.75rem}.quality-explanation{font-size:.8rem;padding:.5rem}.details-toggle{padding:.4rem}.quality-badge{font-size:.7rem;padding:.2rem .4rem}}.modal-overlay{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.flag-modal{animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1);border:2px solid gold;border-radius:20px;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffd7001a,inset 0 1px 0 #ffd7001a;max-height:80vh;overflow:hidden;padding:0;position:relative}.flag-modal:before{background:linear-gradient(90deg,#0000,gold,#0000);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}.flag-modal-header{background:linear-gradient(135deg,gold,#daa520);border-bottom:1px solid #ffd70033;color:#000;padding:20px 24px;position:relative}.flag-modal-header:after{background:linear-gradient(90deg,#0000,#0003,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.flag-modal-header h3{color:#000;font-size:18px;text-shadow:0 1px 2px #ffffff1a}.flag-modal-header h3 svg{color:#000;filter:drop-shadow(0 1px 2px rgba(255,255,255,.1))}.modal-close-btn{align-items:center;background:#0000001a;border:1px solid #0003;border-radius:50%;color:#000;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.modal-close-btn:hover{background:#0003}.flag-modal-content{color:#fff;padding:24px}.flagged-prediction{margin-bottom:24px}.flagged-prediction h4{color:gold;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.flagged-prediction p{background:#ffd7000d;border:1px solid #ffd70033;border-radius:12px;color:#e0e0e0;font-style:italic;line-height:1.5;margin:0;padding:16px;position:relative}.flagged-prediction p:before{left:8px;top:4px}.flagged-prediction p:after,.flagged-prediction p:before{color:gold;content:'"';font-size:24px;opacity:.6;position:absolute}.flagged-prediction p:after{bottom:4px;right:8px}.flag-reason{margin-bottom:24px}.flag-reason h4{color:gold;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.reason-text{background:linear-gradient(135deg,#dc26261a,#b91c1c1a);border:1px solid #dc26264d;border-radius:12px;color:#ffcccb;font-weight:500;line-height:1.5;margin:0;padding:16px}.flag-info{background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;color:#93c5fd;font-size:14px;gap:12px;padding:16px}.flag-info svg{color:#3b82f6;flex-shrink:0}.flag-modal-actions{background:#0003;border-top:1px solid #ffd7001a;padding:20px 24px}.modal-ok-btn{background:linear-gradient(135deg,gold,#daa520);border:none;border-radius:12px;box-shadow:0 4px 12px #ffd7004d,inset 0 1px 0 #fff3;color:#000;letter-spacing:.5px;text-transform:uppercase;transition:all .2s ease}.modal-ok-btn:hover{background:linear-gradient(135deg,#ffed4a,#f59e0b);box-shadow:0 6px 20px #ffd70066,inset 0 1px 0 #ffffff4d}.modal-ok-btn:active{box-shadow:0 2px 8px #ffd7004d,inset 0 1px 0 #fff3;transform:translateY(0)}.flagged-badge.clickable{cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.flagged-badge.clickable:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.flagged-badge.clickable:hover{background:#dc262633;border-color:#dc262666;box-shadow:0 2px 8px #dc262633;transform:translateY(-1px)}.flagged-badge.clickable:hover:before{left:100%}.flagged-badge.clickable:active{transform:translateY(0)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:600px){.flag-modal{margin:20px;width:95%}.flag-modal-header{padding:16px 20px}.flag-modal-content{padding:20px}.flag-modal-actions{padding:16px 20px}.modal-ok-btn{width:100%}}.quality-help-btn{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid gold;border-radius:8px;color:gold;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;overflow:hidden;padding:8px 16px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.quality-help-btn:before{background:linear-gradient(90deg,#0000,#ffd70033,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.quality-help-btn:hover:before{left:100%}.quality-help-btn:hover{background:linear-gradient(135deg,gold,#ffed4a);border-color:gold;box-shadow:0 8px 25px #ffd7004d;color:#1a1a1a;transform:translateY(-2px)}.quality-help-btn:active{box-shadow:0 4px 15px #ffd70033;transform:translateY(0)}.quality-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.quality-modal{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid gold;border-radius:16px;box-shadow:0 20px 60px #ffd70033;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.quality-modal-header{align-items:center;border-bottom:1px solid #ffd70033;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.quality-modal-title{align-items:center;color:gold;display:flex;font-size:20px;font-weight:700;gap:12px;margin:0}.quality-modal-close{background:none;border:none;border-radius:8px;color:gold;cursor:pointer;padding:8px;transition:all .3s ease}.quality-modal-close:hover{background:#ffd7001a;transform:rotate(90deg)}.quality-modal-content{padding:0 24px 24px}.quality-score-section{background:#ffd7000d;border:1px solid #ffd70033;border-radius:12px;margin-bottom:32px;padding:24px;text-align:center}.quality-score{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f44,#ff6b6b);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:900;margin-bottom:8px}.quality-score.medium{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffa726,#ffcc02);-webkit-background-clip:text;background-clip:text}.quality-score.high{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4caf50,#8bc34a);-webkit-background-clip:text;background-clip:text}.quality-status{color:gold;font-size:18px;font-weight:600;margin-bottom:12px}.quality-description{color:#ccc;font-size:14px;line-height:1.5}.suggestions-section{margin-top:32px}.suggestions-title{align-items:center;color:gold;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:16px}.suggestions-list{display:flex;flex-direction:column;gap:12px}.suggestion-item{background:#ffd7000d;color:#fff;font-size:14px;line-height:1.5;transition:all .3s ease}.suggestion-item:hover{background:#ffd7001a;border-color:#ffd70066;transform:translateX(4px)}.suggestion-item.flagged{background:#ff44440d;border-color:#f446}.no-suggestions{color:#ccc;padding:32px;text-align:center}.success-icon{font-size:48px;margin-bottom:16px}.modal-actions{border-top:1px solid #ffd70033;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.btn-primary,.btn-secondary{border:2px solid #0000;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,gold,#ffed4a);border-color:gold;color:#1a1a1a}.btn-primary:hover{background:linear-gradient(135deg,#ffed4a,gold);box-shadow:0 8px 25px #ffd7004d;transform:translateY(-2px)}.btn-secondary{background:#0000;border-color:gold;color:gold}.btn-secondary:hover{background:#ffd7001a;transform:translateY(-2px)}.flag-modal{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid #f44;border-radius:16px;box-shadow:0 20px 60px #f443;max-width:500px;width:90%}.flag-modal-header{align-items:center;border-bottom:1px solid #f443;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.flag-modal-header h3{align-items:center;color:#f44;display:flex;font-size:20px;font-weight:700;gap:12px;margin:0}.modal-close-btn{background:none;border:none;border-radius:8px;color:#f44;cursor:pointer;padding:8px;transition:all .3s ease}.modal-close-btn:hover{background:#ff44441a;transform:rotate(90deg)}.flag-modal-content{padding:0 24px 24px}.flag-reason,.flagged-prediction{margin-bottom:20px}.flag-reason h4,.flagged-prediction h4{color:gold;font-size:16px;margin-bottom:8px}.flagged-prediction p,.reason-text{background:#ff44440d;border:1px solid #f443;border-radius:8px;color:#ccc;font-size:14px;line-height:1.5;padding:12px}.flag-info{align-items:center;background:#ffd7000d;border:1px solid #ffd70033;border-radius:8px;color:#ccc;display:flex;font-size:12px;gap:8px;padding:12px}.flag-modal-actions{border-top:1px solid #f443;display:flex;justify-content:flex-end;margin-top:24px;padding-top:24px}.modal-ok-btn{background:linear-gradient(135deg,#f44,#ff6b6b);border:2px solid #f44;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.modal-ok-btn:hover{background:linear-gradient(135deg,#ff6b6b,#f44);box-shadow:0 8px 25px #ff44444d;transform:translateY(-2px)}.verification-box{max-width:500px;text-align:center}.verification-header{margin-bottom:2rem}.verification-icon{margin-bottom:1rem}.email-sent-icon{animation:pulse 2s infinite;color:#10b981}.verification-needed-icon{animation:bounce 1s infinite;color:#f59e0b}.verification-title{color:#1f2937;font-size:1.5rem;font-weight:600}.verification-message{color:#6b7280;font-size:1rem;line-height:1.5}.verification-content{margin:2rem 0}.email-sent-info{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.info-item{align-items:center;color:#059669;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.75rem}.info-item:last-child{margin-bottom:0}.resend-section{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:1.5rem}.resend-info{color:#92400e;margin-bottom:1rem}.resend-btn,.resend-info{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.resend-btn{background:#f59e0b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;justify-content:center;padding:.75rem 1.5rem;transition:background-color .2s;width:100%}.resend-btn:hover:not(:disabled){background:#d97706}.resend-btn:disabled{opacity:.6}.back-to-login-btn{align-items:center;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s;width:100%}.back-to-login-btn:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.verification-success{justify-content:center;min-height:100vh;text-align:center}.verification-success .success-animation{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;padding:3rem}.verification-success .success-checkmark{color:#10b981;margin-bottom:1rem}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}.verification-container{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#111111e6,#000000f2);border:1px solid #ffd70033;border-radius:24px;box-shadow:0 20px 40px #0006,0 0 80px #ffd7001a,0 0 0 1px #ffd7001a;color:#fff;max-width:500px;padding:2rem;position:relative;text-align:center;width:90%;z-index:10}.verification-container:before{background:linear-gradient(90deg,#0000,#ffd70099,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0;z-index:1}.verification-success{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.verification-icon{align-items:center;animation:icon-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:2px solid #ffd7004d;border-radius:50%;display:flex;height:100px;justify-content:center;position:relative;width:100px}.success-ring{border:2px solid #ffd7004d;border-radius:50%}.success-ring,.warning-ring{animation:ringPulse 3s infinite;height:120px;position:absolute;width:120px}.warning-ring{border:2px solid #ff63474d;border-radius:50%}.alert-icon,.mail-icon{color:gold;filter:drop-shadow(0 0 8px rgba(255,215,0,.3))}.alert-icon{color:tomato;filter:drop-shadow(0 0 8px rgba(255,99,71,.3))}@keyframes ringPulse{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(1.2)}}.verification-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ffed4a);-webkit-background-clip:text;background-clip:text;color:gold;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.verification-message{color:#b8b8b8;font-size:1.1rem;line-height:1.6}.verification-message strong{color:gold;font-weight:600}.verification-steps{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.step{color:#999;font-size:.95rem;gap:.5rem}.step,.step-number{align-items:center;display:flex}.step-number{background:gold;border-radius:50%;color:#1a1a1a;font-weight:600;height:24px;justify-content:center;width:24px}.verification-actions{display:flex;flex-direction:column;gap:1rem;width:100%}.back-to-login-btn,.resend-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:transform .2s,background .2s}.resend-btn{background:linear-gradient(135deg,gold,#ffed4a);color:#1a1a1a}.resend-btn:hover{background:linear-gradient(135deg,#ffed4a,#e6c200);transform:translateY(-2px)}.resend-btn:disabled{background:#666;cursor:not-allowed}.back-to-login-btn{background:#0000;border:1px solid #ffd7004d;color:gold}.back-to-login-btn:hover{background:#ffd7001a;transform:translateY(-2px)}.spinning{animation:spin 1s linear infinite}@media (max-width:480px){.verification-container{padding:1.5rem}.verification-icon{height:80px;width:80px}.success-ring,.warning-ring{height:100px;width:100px}.verification-title{font-size:1.5rem}.verification-message{font-size:1rem}.step-number{font-size:.9rem;height:20px;width:20px}.back-to-login-btn,.resend-btn{font-size:.9rem;padding:.6rem 1.2rem}}.dashboard-loading{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem;position:relative;z-index:10}.loading-content{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1);max-width:500px;text-align:center;width:100%}.loading-avatar{color:gold;display:inline-block;margin-bottom:2rem;position:relative}.avatar-glow{animation:pulse 2s ease-in-out infinite;background:radial-gradient(circle,#ffd70033 0,#0000 70%);border-radius:50%;height:120px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px}.loading-title{animation:fadeIn 1s ease-out .3s both;color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:2.5rem}.loading-steps{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem;text-align:left}.loading-step{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:1rem;opacity:.5;padding:.75rem 1rem;transition:all .3s ease}.loading-step.active{background:#ffd7001a;border-color:#ffd7004d;color:gold;opacity:1}.step-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.step-spinner{animation:spin 1s linear infinite}.loading-step span{font-size:.95rem;font-weight:500}.loading-progress{margin-top:2rem}.progress-bar{background:#ffffff1a;border-radius:2px;height:4px;margin-bottom:1rem;overflow:hidden;width:100%}.progress-fill{animation:loadingProgress 3s ease-in-out infinite;background:linear-gradient(90deg,gold,#ffed4a);border-radius:2px;height:100%;width:0}.loading-message{animation:fadeIn 1s ease-out .6s both;color:#b8b8b8;font-size:.9rem;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.1)}}@keyframes loadingProgress{0%{width:0}50%{width:70%}to{width:100%}}@media (max-width:768px){.loading-content{padding:1rem}.loading-title{font-size:1.5rem}.loading-steps{text-align:center}.loading-step{justify-content:center}}.elegant-error-message{align-items:flex-start;animation:errorSlideIn .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#dc262626,#b91c1c1f 50%,#991b1b1a);border:2px solid #dc262666;border-left:6px solid #dc2626;border-radius:16px;box-shadow:0 8px 32px #dc262633,0 0 0 1px #dc26261a,inset 0 1px 0 #ffffff0d;box-sizing:border-box;display:flex;gap:16px;margin:0 auto 24px;max-width:500px;overflow:hidden;padding:20px 24px;position:relative;width:100%;z-index:9999}.elegant-error-message:before{animation:shimmerError 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#dc2626cc,#ef4444,#dc2626cc,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.elegant-error-message:after{animation:errorShimmer 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#dc26260d,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.error-icon-wrapper{align-items:center;background:#dc262626;border-radius:50%;display:flex;flex-shrink:0;height:28px;justify-content:center;position:relative;width:28px;z-index:2}.error-icon{stroke-width:2.5;animation:errorIconPulse 2s ease-in-out infinite;filter:drop-shadow(0 2px 8px rgba(239,68,68,.4));height:22px;width:22px}.error-content{flex:1 1;min-width:0;position:relative;z-index:2}.error-title{color:#fee2e2;font-size:17px;font-weight:700;line-height:1.3;margin:0 0 8px;text-shadow:0 1px 2px #0000004d}.error-description{color:#fecaca;font-size:15px;line-height:1.5;margin:0;opacity:.95;text-shadow:0 1px 2px #0003}.error-dismiss-btn{background:#dc262633;border:1px solid #dc26264d;border-radius:10px;color:#fecaca;cursor:pointer;flex-shrink:0;padding:8px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);z-index:2}.error-dismiss-btn:hover{background:#dc26264d;border-color:#dc262680;box-shadow:0 4px 12px #dc26264d;color:#fff;transform:scale(1.1)}.dismiss-icon{stroke-width:2;height:18px;width:18px}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmerError{0%,to{opacity:.6}50%{opacity:1}}@keyframes errorShimmer{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes errorIconPulse{0%,to{filter:drop-shadow(0 2px 8px rgba(239,68,68,.4));transform:scale(1)}50%{filter:drop-shadow(0 3px 12px rgba(239,68,68,.6));transform:scale(1.1)}}.ai-badge{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:.7rem;font-weight:500;margin-left:8px;padding:2px 8px}.ai-suggestions-badge{background:#4f46e5;border-radius:8px;color:#fff;font-size:.65rem;margin-left:8px;padding:1px 6px}.suggestion-item{margin:8px 0;padding:16px}.suggestion-icon{color:gold;flex-shrink:0;font-size:16px;margin-top:2px}.suggestion-tags{margin-top:8px}.suggestion-tag{padding:4px 8px}.flag-reasoning-section{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:12px 0;padding:12px}.flag-severity{font-weight:600;margin-bottom:6px}.flag-severity.high{color:#dc2626}.flag-severity.medium{color:#ea580c}.flag-severity.low{color:#ca8a04}.flag-explanation{color:#6b7280;font-size:.9rem;line-height:1.4;margin-bottom:8px}.category-badge{background:#1f2937;border-radius:4px;color:#fff;font-size:.7rem;font-weight:500;padding:2px 6px}.flagged-status{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-weight:600;padding:4px 8px}.suggestion-tags{gap:4px}.suggestion-tag{padding:3px 8px}.suggestion-content .suggestion-text{font-size:.85rem;line-height:1.4}.suggestion-icon{color:#ffd700b3;font-size:.9rem;margin-bottom:4px;order:-2}@media (min-width:768px){.suggestion-item{padding:16px 20px;position:relative}.suggestion-content{align-items:flex-start;display:flex;flex-direction:row;gap:16px;padding-right:160px}.suggestion-content .suggestion-text{flex:1 1;font-size:.9rem;line-height:1.6;max-width:none;text-align:left}.suggestion-tags{flex-direction:column;gap:6px;margin:0;max-width:140px;order:0;position:absolute;right:20px;top:16px}.suggestion-icon{margin-bottom:0;margin-right:12px;order:0}}@media (min-width:1024px){.suggestion-item{padding:20px 24px}.suggestion-content{gap:20px;padding-right:180px}.suggestion-content .suggestion-text{font-size:1rem;line-height:1.7}.suggestion-tags{max-width:160px;max-width:150px;right:24px;right:14px;top:20px;top:14px}.suggestion-content{padding-right:170px}.suggestion-tag{font-size:.7rem;padding:4px 10px}}.suggestion-tags{margin-bottom:8px;margin-top:0;order:-1}.suggestion-tag{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#ffd70026,#ffd70040);flex-shrink:0;font-size:.7rem;min-width:fit-content;padding:4px 12px;text-transform:lowercase}.suggestion-tags.single-row{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:4px;overflow-x:auto;padding-bottom:2px}.suggestion-tags.single-row .suggestion-tag{font-size:.65rem;padding:3px 8px}@media (min-width:768px){.suggestion-item{position:relative}.suggestion-tags{flex-direction:column;gap:4px;margin:0;max-width:130px;order:0;position:absolute;right:12px;top:12px}.suggestion-content{padding-right:150px}.suggestion-tag{font-size:.65rem;padding:3px 8px;text-align:center}}@media (min-width:1024px){.suggestion-tags{max-width:160px;right:14px;top:14px}.suggestion-content{padding-right:180px}.suggestion-tag{font-size:.7rem;padding:4px 10px}}@media (max-width:480px){.suggestion-tags{flex-wrap:nowrap;gap:3px;overflow-x:auto;padding-bottom:2px}.suggestion-tag{font-size:.6rem;min-width:max-content;padding:3px 8px}}.suggestion-content{gap:8px;padding:12px}.suggestion-content .suggestion-text{word-wrap:break-word;color:#e0e0e0;font-size:.9rem;-webkit-hyphens:none;hyphens:none;line-height:1.5;margin:0;order:1;text-align:left;width:100%}@media (max-width:767px){.suggestion-item{min-height:auto;padding:0}.suggestion-content{min-height:120px;padding:14px}.suggestion-content .suggestion-text{-webkit-font-smoothing:antialiased;font-size:.85rem;letter-spacing:.01em;line-height:1.4;text-rendering:optimizeLegibility;word-spacing:.05em}.suggestion-icon{align-self:flex-start;margin-bottom:6px;order:-2}.suggestion-tags{align-self:flex-start;margin-bottom:10px;order:-1}}@media (max-width:480px){.suggestion-content{gap:6px;padding:12px}.suggestion-content .suggestion-text{font-size:.82rem;line-height:1.35}}@media (min-width:768px){.suggestion-content{min-height:90px;padding-right:150px}.suggestion-content .suggestion-text{font-size:.85rem;line-height:1.4;order:0}.suggestion-icon{margin-bottom:4px;order:0}}@media (min-width:1024px){.suggestion-content{padding:16px 180px 16px 16px}.suggestion-content .suggestion-text{font-size:.9rem;line-height:1.45}}.hcaptcha-container{align-items:center;display:flex;flex-direction:column;gap:10px;margin:20px 0}.hcaptcha-error{animation:shake .3s ease-in-out;background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:8px;color:#ff6b6b}.hcaptcha-error,.hcaptcha-success{gap:8px;margin-top:10px;padding:10px 15px}.hcaptcha-success{animation:fadeIn .3s ease-in-out;background:#ffd7001a;border:1px solid #ffd7004d;border-radius:8px;color:gold}.submit-btn.disabled{cursor:not-allowed!important}.submit-btn.disabled,.submit-btn.disabled:hover{background:#ffd7004d!important;transform:none!important}.hcaptcha-container iframe{border:1px solid #ffd70033!important;border-radius:8px!important;box-shadow:0 4px 20px #ffd7001a!important}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.login-form{gap:20px}.form-section{margin-bottom:25px}.security-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:1px solid #ffd7004d;border-radius:12px;color:gold;display:flex;font-size:12px;font-size:14px;font-weight:500;gap:8px;margin-bottom:15px;margin:16px 0 12px;opacity:.8;padding:12px 16px}.security-indicator svg{color:gold;filter:drop-shadow(0 0 4px rgba(255,215,0,.3))}.hcaptcha-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#000c,#141414e6);border:2px solid #ffd70033;border-radius:16px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffd7001a;margin:16px 0 24px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.hcaptcha-container:before{background:linear-gradient(90deg,#0000,#ffd7001a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .6s ease;width:100%}.hcaptcha-container:hover:before{left:100%}.hcaptcha-container:hover{border-color:#ffd70066;box-shadow:0 12px 40px #0006,0 0 20px #ffd7001a,inset 0 1px 0 #ffd70033}.hcaptcha-container iframe{border:1px solid #ffd7004d!important;border-radius:12px!important;box-shadow:0 4px 16px #0003!important;transition:all .3s ease!important}.hcaptcha-container iframe:hover{box-shadow:0 6px 20px #ffd7001a!important}.hcaptcha-success{align-items:center;animation:successSlideIn .4s ease;background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:1px solid #22c55e4d;border-radius:12px;color:#22c55e;display:flex;font-size:14px;font-weight:500;gap:10px;margin-top:12px;padding:12px 16px}.hcaptcha-success svg{color:#22c55e;filter:drop-shadow(0 0 4px rgba(34,197,94,.3))}.hcaptcha-error{align-items:center;animation:errorShake .5s ease;background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid #ef44444d;border-radius:12px;color:#ef4444;display:flex;font-size:14px;font-weight:500;gap:10px;margin-top:12px;padding:12px 16px}.hcaptcha-error svg{color:#ef4444;filter:drop-shadow(0 0 4px rgba(239,68,68,.3))}@keyframes successSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes errorShake{0%,20%,40%,60%,80%{transform:translateX(-2px)}10%,30%,50%,70%,90%{transform:translateX(2px)}}.h-captcha{background:#000000e6!important;border-radius:12px!important}.hcaptcha-container.loading{opacity:.7;pointer-events:none}.hcaptcha-container.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:gold;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@media (max-width:768px){.hcaptcha-container{margin:12px 0 20px;padding:16px}.security-indicator{margin:12px 0 8px}.hcaptcha-error,.hcaptcha-success,.security-indicator{font-size:13px;padding:10px 14px}}body{background:linear-gradient(135deg,#1a1a1a,#2d2d2d 50%,#1a1a1a)!important;min-height:100vh}.suggestion-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#282828e6,#323232cc)!important;border:1px solid #ffd70033}.app-container,.main-content,.suggestions-container{background:#0000!important}.suggestion-item{align-items:flex-start;background:linear-gradient(135deg,#2a2a2a,#1e1e1e);border:1px solid #3a3a3a;border-radius:8px;display:flex;gap:12px;margin:6px 0;min-height:auto;padding:12px 16px;position:relative}.suggestion-icon,.suggestion-icon-wrapper{display:none}.suggestion-content{display:flex;flex:1 1;flex-direction:column;gap:4px;margin:0;padding:0;width:100%}.suggestion-content .suggestion-text,.suggestion-content p,.suggestion-content span,.suggestion-content strong{word-wrap:break-word;color:#e0e0e0;font-size:.9rem;line-height:1.3;margin:0;overflow-wrap:break-word;width:100%}.suggestion-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.suggestion-tag{background:#ffd70033;border:1px solid #ffd7004d;border-radius:12px;color:gold;font-size:.65rem;font-weight:500;padding:2px 6px;white-space:nowrap}.suggestion-item .emoji,.suggestion-item [class*=emoji],.suggestion-item:after,.suggestion-item:before{display:none}.login-container{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0f0f0f)!important;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414f2!important;border:1px solid #d4af3733;border-radius:24px;box-shadow:0 20px 40px #0006,0 8px 16px #d4af371a,inset 0 1px 0 #ffffff1a;max-width:480px;padding:48px;text-align:center;width:100%}.form-input:-webkit-autofill,.form-input:-webkit-autofill:active,.form-input:-webkit-autofill:focus,.form-input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;background-clip:content-box!important;background-color:#0a0a0ae6!important;-webkit-box-shadow:inset 0 0 0 30px #0a0a0ae6!important}.submit-button{background:linear-gradient(135deg,#d4af37,#f4d03f);border:none;border-radius:12px;box-shadow:0 4px 15px #d4af374d,inset 0 1px 0 #fff3;color:#0a0a0a;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.02em;margin-top:8px;overflow:hidden;padding:16px 24px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.submit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#f4d03f,#d4af37);box-shadow:0 8px 25px #d4af3766,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.submit-button:hover:not(:disabled):before{left:100%}.submit-button:active:not(:disabled){box-shadow:0 4px 15px #d4af374d,inset 0 1px 0 #fff3;transform:translateY(-1px)}.submit-button:disabled{background:#333!important;box-shadow:none;color:#666!important;cursor:not-allowed;transform:none}.submit-button:disabled:before{display:none}.loading-spinner{display:inline-flex;gap:8px}.spinner-icon{animation:spin 1s linear infinite;color:#0a0a0a}.security-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414f2;border:1px solid #d4af374d;border-radius:12px;box-shadow:0 8px 24px #0000004d;color:#d4af37;font-size:.9rem;font-weight:600;left:50%;padding:12px 24px;position:fixed;top:20px;transform:translateX(-50%);z-index:1000}.security-banner-icon{color:#d4af37;display:inline-block;margin-right:8px}.form-input{background:#0a0a0ae6!important;border:2px solid #d4af374d;border-radius:12px;box-sizing:border-box;color:#fff!important;font-size:1rem;padding:18px 20px 18px 52px;transition:all .3s ease;width:100%}.form-input:focus{background:#0f0f0ff2!important;border-color:#d4af37!important;box-shadow:0 0 0 3px #d4af3726,0 4px 12px #d4af3740;outline:none}*{-webkit-text-fill-color:initial!important}.form-input:-webkit-autofill{-webkit-text-fill-color:#fff!important}.form-group,.input-wrapper,.login-form-container{background:#0000!important}.form-input:focus+.input-icon{color:#f4d03f;transform:translateY(-50%) scale(1.1)}.form-label{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0f0f0f)}.forgot-password-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.forgot-password-modal{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141414f2;border:1px solid #d4af3733;border-radius:20px;box-shadow:0 25px 50px -12px #0009;max-width:440px;padding:0;width:100%}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:2rem 2.5rem 1rem}.modal-header h3{color:#d4af37;font-size:1.5rem;font-weight:700;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#fff9;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-content{padding:1.5rem 2.5rem 2.5rem}.modal-content p{color:#ffffffb3;font-size:1rem;line-height:1.5;margin-bottom:2rem}.forgot-password-form{display:flex;flex-direction:column;gap:1.5rem}.reset-submit-btn{align-items:center;background:linear-gradient(135deg,#d4af37,#f4d03f);border:none;border-radius:12px;color:#0a0a0a;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;min-height:48px;padding:.875rem 2rem;transition:all .3s ease}.reset-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#f4d03f,#d4af37);box-shadow:0 8px 25px #d4af374d;transform:translateY(-2px)}.reset-submit-btn:disabled{background:#333!important;box-shadow:none!important;color:#666!important;cursor:not-allowed;transform:none!important}.reset-message{border-radius:8px;font-size:.9rem;font-weight:500;padding:.875rem 1rem;text-align:center}.reset-message.success{background:#22c55e26;border:1px solid #22c55e4d;color:#22c55e}.reset-message.error{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.button-spinner{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.forgot-password-modal{margin:1rem;max-width:calc(100% - 2rem)}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-content{padding:1rem 1.5rem 2rem}.modal-header h3{font-size:1.25rem}}.forgot-password-simple{background:none;border:none;color:gold;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;margin-top:1rem;padding:.5rem 0;text-decoration:none;transition:opacity .3s ease}.forgot-password-simple:hover{opacity:.8}.analytics-container{background:linear-gradient(135deg,#000,#0a0a0a 25%,#111 75%,#000);color:#fff;min-height:100vh;overflow-x:hidden;position:relative}.analytics-container:before{background:radial-gradient(circle at 20% 30%,#ffd70008 0,#0000 50%),radial-gradient(circle at 80% 70%,#ffd70005 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.analytics-hero{background:linear-gradient(135deg,#ffd70005,#000000f2);border-bottom:1px solid #ffd7001a;padding:6rem 3rem 4rem;position:relative;text-align:center;z-index:10}.hero-content{margin:0 auto 3rem;max-width:800px}.analytics-title{-webkit-text-fill-color:#0000;align-items:center;animation:gradient-shift 8s ease-in-out infinite;background:linear-gradient(135deg,gold,#ffed4e 50%,#daa520);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;display:flex;font-size:3.5rem;font-weight:700;gap:1rem;justify-content:center;line-height:1.2;margin-bottom:1.5rem}.title-icon{color:gold;filter:drop-shadow(0 2px 4px rgba(255,215,0,.3))}.analytics-subtitle{color:#b8b8b8;font-size:1.3rem;line-height:1.6;margin:0}.analytics-summary{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:1rem}.summary-item{align-items:center;color:gold;display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.analytics-filters{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0009;border:1px solid #ffd70033;border-radius:16px;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:0 auto;max-width:600px;padding:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{align-items:center;color:gold;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;letter-spacing:.5px;text-transform:uppercase}.filter-select{background:#ffffff0d;border:1px solid #ffd7004d;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;padding:.75rem 1rem}.filter-select:focus{border-color:gold;box-shadow:0 0 0 2px #ffd70033;outline:none}.filter-select option{background:#1a1a1a;color:#fff}.public-notice{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border-bottom:1px solid #ffd7004d;padding:1rem 3rem;position:sticky;top:0;z-index:100}.notice-content{align-items:center;color:#fff;display:flex;font-size:.95rem;gap:1rem;justify-content:center}.notice-icon{color:gold}.login-link{background:none;border:none;color:gold;cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.login-link:hover{color:#ffed4e}.ai-technology-section{padding:3rem 3rem 0;position:relative;z-index:10}.ai-banner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#000000e6,#111111f2 50%,#000000e6);border:1px solid #ffd7004d;border-radius:20px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffd7001a;padding:2.5rem}.ai-banner:before{animation:ai-shimmer 4s infinite;background:linear-gradient(90deg,#0000,#ffd7000d,#ffd70014,#ffd7000d,#0000)}.ai-banner-content{gap:2rem;margin-bottom:2.5rem;position:relative;z-index:2}.ai-banner-content,.ai-icon{align-items:center;display:flex}.ai-icon{animation:ai-pulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffd70026,#ffd7001a);border:2px solid #ffd7004d;border-radius:20px;box-shadow:0 4px 20px #ffd7001a,inset 0 1px 0 #ffd70033;color:gold;height:90px;justify-content:center;min-width:90px;padding:1.25rem}.ai-text h3{-webkit-text-fill-color:#0000;animation:gradient-shift 6s ease-in-out infinite;background:linear-gradient(135deg,gold,#ffed4e 50%,#daa520);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:2rem;font-weight:700;margin-bottom:1rem}.ai-text p{color:#ccc;font-size:1.1rem;font-weight:400;line-height:1.7;margin:0}.ai-features{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));position:relative;z-index:2}.ai-feature{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#0009,#1116);border:1px solid #ffd70033;border-radius:16px;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.ai-feature:before{background:linear-gradient(90deg,#0000,#ffd7000d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.ai-feature:hover:before{left:100%}.ai-feature:hover{border-color:#ffd70066;box-shadow:0 8px 25px #ffd7001a;transform:translateY(-2px)}.ai-feature-icon{align-items:center;background:linear-gradient(135deg,#ffd70033,#ffd7001a);border-radius:12px;color:gold;display:flex;height:50px;justify-content:center;min-width:50px;padding:.75rem}.ai-feature span:last-child{color:#fff;font-size:1rem;font-weight:600}.metrics-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:3rem;position:relative;z-index:10}.metric-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#000000b3,#11111180);border:1px solid #ffd70033;border-radius:20px;display:flex;gap:1.5rem;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.metric-card:before{background:linear-gradient(90deg,#0000,#ffd70008,#0000);height:100%}.metric-card:hover{border-color:#ffd70066;box-shadow:0 15px 40px #ffd7001a;transform:translateY(-5px) scale(1.02)}.metric-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffd70026,#ffd7001a);border:2px solid #ffd7004d;border-radius:18px;color:gold;display:flex;height:80px;justify-content:center;min-width:80px;padding:1rem}.metric-content{flex:1 1}.metric-content h3{-webkit-text-fill-color:#0000;animation:gradient-shift 6s ease-in-out infinite;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.metric-content p{color:#ccc;font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.metric-change{align-items:center;border-radius:12px;display:inline-flex;font-size:.9rem;font-weight:600;gap:.4rem;padding:.25rem .75rem}.metric-change.positive{background:#22c55e33;color:#22c55e}.metric-change.negative{background:#ef444433;color:#ef4444}.metric-change.neutral{background:#9ca3af33;color:#9ca3af}.charts-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));padding:0 3rem 3rem;position:relative;z-index:10}.chart-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#000c,#1119);border:1px solid #ffd70033;border-radius:24px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #ffd7001a;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.chart-container:before{background:linear-gradient(90deg,#0000,#ffd70005,#0000);height:100%;left:-100%;transition:left .8s ease;width:100%}.chart-container:hover:before{left:100%}.chart-container:hover{border-color:#ffd7004d;box-shadow:0 12px 40px #ffd70014;transform:translateY(-3px)}.chart-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem;position:relative;z-index:2}.chart-header-icon{color:gold;filter:drop-shadow(0 2px 4px rgba(255,215,0,.3))}.chart-header h3{-webkit-text-fill-color:#0000;animation:gradient-shift 8s ease-in-out infinite;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.chart-header p{color:#b8b8b8;font-size:.95rem;line-height:1.5;margin:0}.chart-wrapper{align-items:center;display:flex;height:400px;justify-content:center;position:relative;z-index:2}.insights-section{background:linear-gradient(135deg,#00000005,#1111110d);padding:4rem 3rem;position:relative;z-index:10}.insights-title{-webkit-text-fill-color:#0000;align-items:center;animation:gradient-shift 8s ease-in-out infinite;background:linear-gradient(135deg,gold,#ffed4e 50%,#daa520);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;display:flex;font-size:2.5rem;font-weight:700;gap:1rem;justify-content:center;margin-bottom:3rem;text-align:center}.insights-title-icon{color:gold;filter:drop-shadow(0 2px 4px rgba(255,215,0,.3))}.insights-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1400px}.insight-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#000000d9,#111111bf 50%,#000000d9);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 10px 40px #0006,inset 0 1px 0 #ffffff0d;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.insight-card:before{background:linear-gradient(90deg,#0000,#ffffff05,#ffffff0a,#ffffff05,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%;z-index:1}.insight-card:hover:before{left:100%}.insight-card:hover{border-color:#ffd7004d;box-shadow:0 20px 60px #ffd7001a,0 10px 40px #0009,inset 0 1px 0 #ffd7001a;transform:translateY(-8px) scale(1.02)}.insight-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;position:relative;z-index:2}.insight-info{flex:1 1;margin-left:1rem}.insight-info h4{color:#fff;font-size:1.3rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px #00000080}.insight-badge{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#ccc;display:inline-flex;font-size:.75rem;font-weight:600;gap:.4rem;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.insight-badge.trending{background:#22c55e33;border-color:#22c55e4d;color:#22c55e}.insight-badge.patterns{background:#8b5cf633;border-color:#8b5cf64d;color:#8b5cf6}.insight-icon{align-items:center;animation:icon-glow 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 25px #0003,inset 0 1px 0 #ffffff1a;color:gold;display:flex;height:80px;justify-content:center;min-width:80px;padding:1rem}.insight-content{position:relative;z-index:2}.insight-value-wrapper{align-items:center;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;margin-bottom:1.5rem;padding:1.5rem}.insight-value{-webkit-text-fill-color:#0000;animation:gradient-shift 4s ease-in-out infinite;background:linear-gradient(135deg,#fff,gold 50%,#fff);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:3rem;font-weight:800;line-height:1;text-shadow:0 4px 8px #0000004d}.insight-label{color:#b8b8b8;font-size:.9rem;font-weight:600;letter-spacing:1px;margin-top:.5rem;text-transform:uppercase}.insight-description{color:#e5e5e5;font-size:1rem;font-weight:400;line-height:1.6;margin-bottom:1.5rem;text-align:center}.insight-description strong{color:gold;font-weight:600}.insight-stats{background:linear-gradient(135deg,#0000004d,#1113);border:1px solid #ffffff0d;border-radius:12px;gap:1rem;justify-content:center;padding:1rem}.insight-stats,.stat-item{align-items:center;display:flex}.stat-item{flex-direction:column;gap:.25rem}.stat-number{color:gold;font-size:1.2rem;font-weight:700}.stat-label{color:#b8b8b8;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.stat-divider{color:#ffd70080}.insight-loading{align-items:center;color:#b8b8b8;display:flex;flex-direction:column;gap:1rem;padding:2rem}.loading-dots{animation:loading-pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,gold,#ffed4e 50%,gold);background-size:200% 100%;border-radius:4px;height:8px}.error-state,.loading-state,.no-data-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem;position:relative;text-align:center;z-index:10}.error-icon,.no-data-icon{margin-bottom:1.5rem;opacity:.7}.error-icon{color:#ef4444}.no-data-icon{color:#9ca3af}.error-state h3,.loading-state h3,.no-data-state h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.error-state p,.loading-state p,.no-data-state p{color:#b8b8b8;font-size:1rem;line-height:1.6;margin:0;max-width:400px}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #ffd70033;border-radius:50%;border-top-color:gold;height:50px;margin-bottom:1rem;width:50px}.loading-spinner p{color:#b8b8b8;font-size:1.1rem;margin:0}.error-message,.no-data-message{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#000c,#1119);border:1px solid #ffd70033;border-radius:20px;margin:5rem auto;max-width:500px;padding:3rem;text-align:center}.error-message h3,.no-data-message h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.error-message p,.no-data-message p{color:#b8b8b8;line-height:1.6;margin-bottom:2rem}.reset-filters-button,.retry-button{align-items:center;background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:12px;color:#000;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.reset-filters-button:hover,.retry-button:hover{box-shadow:0 5px 15px #ffd7004d;transform:translateY(-2px)}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes ai-shimmer{0%{left:-100%}to{left:100%}}@keyframes ai-pulse{0%,to{box-shadow:0 4px 20px #ffd7001a;transform:scale(1)}50%{box-shadow:0 6px 25px #ffd70026;transform:scale(1.05)}}@keyframes icon-glow{0%,to{box-shadow:0 8px 25px #0003,inset 0 1px 0 #ffffff1a}50%{box-shadow:0 8px 35px #ffd7001a,inset 0 1px 0 #ffffff26}}@keyframes loading-pulse{0%,to{background-position:0 50%;opacity:.7}50%{background-position:100% 50%;opacity:1}}@media (max-width:1200px){.charts-grid{grid-template-columns:1fr}.chart-container{min-width:0;min-width:auto}}@media (max-width:768px){.analytics-hero{padding:4rem 2rem 3rem}.analytics-title{flex-direction:column;font-size:2.5rem;gap:.5rem}.analytics-subtitle{font-size:1.1rem}.analytics-filters{flex-direction:column;gap:1rem;margin:0 1rem;padding:1rem}.metrics-grid{gap:1.5rem;grid-template-columns:1fr;padding:2rem}.metric-card{padding:1.5rem}.metric-icon{height:70px;min-width:70px}.metric-content h3{font-size:2rem}.charts-grid{gap:2rem;padding:0 2rem 2rem}.chart-container{padding:1.5rem}.chart-header{flex-direction:column;gap:.5rem;text-align:center}.chart-wrapper{height:300px}.insights-section{padding:2rem}.insights-title{flex-direction:column;gap:.5rem}.insights-grid{gap:1.5rem;grid-template-columns:1fr}.insight-card{padding:1.5rem}.ai-banner,.ai-technology-section{padding:2rem}.ai-banner-content{flex-direction:column;gap:1.5rem;text-align:center}.ai-icon{height:80px;min-width:80px}.ai-text h3{font-size:1.75rem}.ai-text p{font-size:1rem}.ai-features{gap:1rem;grid-template-columns:1fr}.ai-feature{padding:1rem}}@media (max-width:480px){.analytics-hero{padding:3rem 1rem 2rem}.analytics-title{font-size:2rem}.analytics-summary{flex-direction:column;gap:.5rem}.public-notice{padding:1rem}.notice-content{flex-direction:column;gap:.5rem;text-align:center}.metrics-grid{padding:1rem}.metric-card{flex-direction:column;gap:1rem;text-align:center}.charts-grid{padding:0 1rem 1rem}.insights-section{padding:1rem}.insights-title{font-size:2rem}.ai-technology-section{padding:1rem}}.analytics-container{animation:elegantFadeIn 1.2s ease-out}.analytics-hero{animation:elegantSlideIn .8s ease-out .1s forwards;opacity:0;transform:translateY(40px)}.ai-technology-section{animation:elegantSlideIn .8s ease-out .3s forwards;opacity:0;transform:translateY(40px)}.metrics-grid{animation:elegantSlideIn .8s ease-out .5s forwards}.charts-grid,.metrics-grid{opacity:0;transform:translateY(40px)}.charts-grid{animation:elegantSlideIn .8s ease-out .7s forwards}.insights-section{animation:elegantSlideIn .8s ease-out .9s forwards;opacity:0;transform:translateY(40px)}.metric-card{cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.metric-card:before{background:linear-gradient(90deg,#0000,gold,#0000);content:"";height:3px;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.metric-card:hover:before{left:100%}.metric-card:hover{box-shadow:0 20px 50px #0006,0 0 30px #ffd70033;transform:translateY(-8px) scale(1.02)}.metric-card .metric-content h3{animation:numberPulse 3s ease-in-out infinite;transition:all .3s ease}.metric-card:hover .metric-content h3{color:gold;text-shadow:0 0 20px #ffd70080;transform:scale(1.1)}.metric-icon{filter:drop-shadow(0 0 10px rgba(255,215,0,.3));transition:all .4s ease}.metric-card:hover .metric-icon{filter:drop-shadow(0 0 20px rgba(255,215,0,.6));transform:scale(1.15) rotate(5deg)}.chart-container{overflow:hidden;position:relative;transform-origin:center;transition:all .5s cubic-bezier(.25,.46,.45,.94)}.chart-container:before{background:linear-gradient(90deg,#0000,gold,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .8s ease}.chart-container:hover:before{transform:translateX(100%)}.chart-container:hover{box-shadow:0 25px 60px #0000004d,0 0 40px #ffd70026;transform:translateY(-5px)}.chart-switching-out{opacity:0;transform:scale(.9) translateY(20px);transition:all .4s ease-out}.chart-switching-in{animation:chartSwitchIn .6s ease-out .2s forwards;opacity:0;transform:scale(1.1) translateY(-20px)}.insight-card{cursor:pointer;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.25,.46,.45,.94)}.insight-card:after{background:linear-gradient(135deg,#ffd7000d,#0000 50%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.insight-card:hover:after{opacity:1}.insight-card:hover{box-shadow:0 30px 70px #0006,0 0 50px #ffd70033;transform:translateY(-10px) rotate(1deg)}.insight-icon{filter:drop-shadow(0 0 10px rgba(255,215,0,.4));transition:all .4s ease}.insight-card:hover .insight-icon{animation:insightSparkle 1s ease-in-out;filter:drop-shadow(0 0 25px rgba(255,215,0,.8));transform:scale(1.2) rotate(10deg)}.ai-banner{overflow:hidden;position:relative}.ai-banner:before{background:linear-gradient(90deg,#0000,#ffd7001a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left 2s ease;width:100%}.ai-banner:hover:before{left:100%}.ai-feature{transition:all .3s ease}.ai-feature:hover{color:gold;transform:translateY(-3px)}.ai-feature-icon{transition:all .3s ease}.ai-feature:hover .ai-feature-icon{filter:drop-shadow(0 0 10px rgba(255,215,0,.6));transform:scale(1.2)}.filter-select{transition:all .3s ease}.filter-select:focus{box-shadow:0 0 15px #ffd7004d;transform:scale(1.02)}.loading-spinner{animation:elegantSlideIn .8s ease-out}.spinner{animation:elegantSpin 2s linear infinite}.analytics-title{overflow:hidden}.title-icon{animation:iconGlow 3s ease-in-out infinite}@keyframes elegantFadeIn{0%{opacity:0}to{opacity:1}}@keyframes elegantSlideIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes numberPulse{0%,to{text-shadow:0 0 10px #ffd7004d}50%{text-shadow:0 0 20px #ffd70099}}@keyframes chartSwitchIn{0%{opacity:0;transform:scale(1.1) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes iconGlow{0%,to{filter:drop-shadow(0 0 10px rgba(255,215,0,.4))}50%{filter:drop-shadow(0 0 20px rgba(255,215,0,.8))}}@keyframes elegantSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.metric-card:hover{transform:translateY(-4px) scale(1.01)}.chart-container:hover{transform:translateY(-2px)}.insight-card:hover{transform:translateY(-5px) rotate(.5deg)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.insight-icon{filter:drop-shadow(0 0 8px rgba(255,215,0,.3));transition:all .3s ease}.insight-card:hover .insight-icon{filter:drop-shadow(0 0 12px rgba(255,215,0,.5));transform:scale(1.05)}.insight-card:hover{box-shadow:0 15px 40px #0000004d,0 0 25px #ffd70026;transform:translateY(-5px)}.chart-wide{grid-column:span 2;grid-row:span 2}.scatter-chart-container{height:300px;position:relative;width:100%}.scatter-chart-container canvas{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:12px;height:100%;width:100%}.correlation-stats{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.stat-pill{align-items:center;background:#ffd7001a;border:1px solid #ffd7004d;border-radius:20px;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.stat-label{color:#ccc;font-weight:500}.stat-value{color:gold;font-weight:700}.chart-loading{align-items:center;color:#ccc;display:flex;flex-direction:column;gap:1rem;height:300px;justify-content:center}.loading-dots{animation:spin 1s linear infinite;border:3px solid #ffd70033;border-radius:50%;border-top-color:gold;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1200px){.chart-wide{grid-column:span 1}.correlation-stats{gap:.5rem}.stat-pill{font-size:.8rem;padding:.4rem .8rem}}@media (max-width:768px){.scatter-chart-container{height:250px}.correlation-stats{align-items:center;flex-direction:column;gap:.75rem}}.reset-password-container{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0f0f0f);display:flex;font-family:Inter,system-ui,-apple-system,sans-serif;justify-content:center;min-height:100vh;padding:2rem 1rem;position:relative;z-index:1}.reset-password-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1af2;border:1px solid #ffd70033;border-radius:24px;box-shadow:0 20px 50px #00000080,0 0 0 1px #ffd7001a,inset 0 1px 0 #ffffff0d;max-width:480px;padding:3rem 2.5rem;position:relative;width:100%;z-index:2}.reset-password-container .reset-password-header{margin-bottom:2.5rem;text-align:center}.reset-password-container .reset-password-header h1{color:gold;font-size:2rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 10px #ffd7004d}.reset-password-container .reset-password-header p{color:#ccc;font-size:1rem;margin:0;opacity:.8}.reset-password-container .reset-password-form{display:flex;flex-direction:column;gap:1.5rem}.reset-password-container .input-group{display:flex;flex-direction:column;gap:.75rem}.reset-password-container .input-label{color:gold;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.reset-password-container .input-wrapper{align-items:center;display:flex;position:relative}.reset-password-container .input-icon{color:gold;left:1rem;opacity:.7;pointer-events:none;position:absolute;z-index:3}.reset-password-container .reset-input{background:#0006;border:1px solid #ffd70033;border-radius:12px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .3s ease;width:100%}.reset-password-container .reset-input::placeholder{color:#fff6}.reset-password-container .reset-input:focus{background:#0009;border-color:gold;box-shadow:0 0 0 3px #ffd70026,0 4px 12px #ffd7001a;outline:none}.reset-password-container .toggle-password{background:none;border:none;border-radius:4px;color:gold;cursor:pointer;opacity:.7;padding:.25rem;position:absolute;right:1rem;transition:all .2s ease;z-index:3}.reset-password-container .toggle-password:hover{background:#ffd7001a;opacity:1}.reset-password-container .password-requirements{background:#0000004d;border:1px solid #ffd7001a;border-radius:12px;margin-top:.5rem;padding:1.25rem}.reset-password-container .password-requirements h4{color:gold;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.reset-password-container .requirements-list{display:flex;flex-direction:column;gap:.75rem}.reset-password-container .requirement-item{align-items:center;color:#ccc;display:flex;font-size:.9rem;gap:.75rem;transition:color .3s ease}.reset-password-container .requirement-item.met,.reset-password-container .requirement-item.met .requirement-icon{color:#4ade80}.reset-password-container .requirement-icon{color:#ef4444;flex-shrink:0;transition:color .3s ease}.reset-password-container .password-match-indicator{margin-top:.5rem}.reset-password-container .reset-message{border-radius:8px;font-weight:500;margin:.5rem 0;padding:1rem;text-align:center}.reset-password-container .reset-message.success{background:#4ade801a;border:1px solid #4ade804d;color:#4ade80}.reset-password-container .reset-message.error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.reset-password-container .reset-submit-btn{align-items:center;background:linear-gradient(135deg,gold,#daa520);border:none;border-radius:12px;box-shadow:0 4px 15px #ffd7004d;color:#000;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease;width:100%}.reset-password-container .reset-submit-btn:hover:not(.disabled){background:linear-gradient(135deg,#ffed4a,#f1c40f);box-shadow:0 6px 20px #ffd70066;transform:translateY(-2px)}.reset-password-container .reset-submit-btn:active:not(.disabled){transform:translateY(0)}.reset-password-container .reset-submit-btn.disabled{background:#6666664d;box-shadow:none;color:#fff6;cursor:not-allowed}.reset-password-container .loading-spinner{animation:reset-spin 1s linear infinite}@keyframes reset-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.reset-password-container .reset-footer{margin-top:2rem;text-align:center}.reset-password-container .back-to-login-btn{align-items:center;background:none;border:1px solid #ffd7004d;border-radius:8px;color:gold;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.reset-password-container .back-to-login-btn:hover{background:#ffd7001a;border-color:gold}.reset-password-container .reset-error,.reset-password-container .reset-loading{color:#fff;padding:2rem;text-align:center}.reset-password-container .reset-loading .loading-spinner{color:gold;margin-bottom:1rem}.reset-password-container .reset-error .error-icon{color:#ef4444;margin-bottom:1.5rem}.reset-password-container .reset-error h2{color:#fff;margin-bottom:1rem}.reset-password-container .reset-error p{color:#ccc;margin-bottom:2rem}.reset-password-container .back-to-login{align-items:center;background:linear-gradient(135deg,gold,#daa520);border:none;border-radius:8px;color:#000;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.reset-password-container .back-to-login:hover{background:linear-gradient(135deg,#ffed4a,#f1c40f);transform:translateY(-1px)}@media (max-width:640px){.reset-password-container{padding:1rem}.reset-password-container .reset-password-card{border-radius:16px;padding:2rem 1.5rem}.reset-password-container .reset-password-header h1{font-size:1.75rem}.reset-password-container .reset-input{padding:.875rem .875rem .875rem 2.75rem}.reset-password-container .input-icon{left:.875rem;transform:scale(.9)}.reset-password-container .toggle-password{right:.875rem}}@media (max-width:480px){.reset-password-container .reset-password-card{padding:1.5rem 1rem}.reset-password-container .reset-password-header h1{font-size:1.5rem}.reset-password-container .password-requirements{padding:1rem}}.reset-password-container .input-group{margin:0 auto 20px;max-width:400px;width:100%}.reset-password-container .input-wrapper{min-width:350px;width:100%}.reset-password-container .form-input{min-width:300px;padding-right:50px;width:100%}.reset-password-container .password-toggle{background:none;border:none;color:gold;cursor:pointer;padding:5px;position:absolute;right:15px;top:50%;transform:translateY(-50%);z-index:10}
/*# sourceMappingURL=main.5aa240de.css.map*/