@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";body{font-family:Arial,Verdana,Helvetica,sans-serif;margin:0;padding:0}.home-container{width:100%;overflow-x:hidden;background:radial-gradient(ellipse at 80% 0%,rgba(201,168,76,.2) 0%,transparent 55%),radial-gradient(ellipse at 15% 100%,rgba(139,26,26,.1) 0%,transparent 50%),linear-gradient(160deg,#0d0d0d,#1a1a1a 50%,#111 80%,#0d0d0d);color:#f8fafc}.hero-section{position:relative;width:100%;height:100vh;min-height:600px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.hero-video-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;z-index:0}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to right,#000000e0,#0000008c,#00000026),linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.4) 35%,transparent 65%)}.hero-floodlights{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 30% 60% at 15% 0%,rgba(201,168,76,.12) 0%,transparent 70%),radial-gradient(ellipse 25% 55% at 85% 0%,rgba(201,168,76,.1) 0%,transparent 70%),radial-gradient(ellipse 20% 40% at 50% 0%,rgba(255,255,255,.04) 0%,transparent 60%)}.hero-content{position:absolute;bottom:130px;left:0;z-index:10;padding:0 60px;max-width:680px}.hero-kicker{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#c9a84c;margin-bottom:16px;border-left:3px solid #c9a84c;padding-left:10px}.hero-title{font-size:clamp(3.5rem,8vw,6.5rem);font-weight:900;line-height:.95;letter-spacing:-.02em;color:#fff;margin:0 0 24px;text-transform:uppercase;text-shadow:0 4px 30px rgba(0,0,0,.6)}.hero-subtitle{font-size:1.1rem;line-height:1.6;color:#fffc;margin:0 0 32px;font-weight:400}.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:20px}.hero-btn-primary{display:inline-block;padding:15px 36px;background:linear-gradient(135deg,#c9a84c,#a8862a);color:#0d0d0d;font-size:1rem;font-weight:700;text-decoration:none;border-radius:4px;letter-spacing:.05em;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 20px #c9a84c80}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #c9a84ca6}.hero-btn-secondary{display:inline-block;padding:14px 34px;background:transparent;color:#fff;font-size:1rem;font-weight:700;text-decoration:none;border-radius:4px;border:2px solid rgba(255,255,255,.6);letter-spacing:.05em;text-transform:uppercase;transition:all .2s ease}.hero-btn-secondary:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}.hero-disclaimer{font-size:.75rem;color:#fff6;letter-spacing:.05em}.hero-stats-strip{position:absolute;bottom:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:center;gap:0;padding:18px 40px;background:#000000a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(201,168,76,.2)}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 40px}.hero-stat-value{font-size:1.6rem;font-weight:800;color:#c9a84c;line-height:1}.hero-stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffff80}.hero-stat-divider{width:1px;height:36px;background:#ffffff26;flex-shrink:0}.hero-scroll{position:absolute;right:30px;bottom:90px;z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff6;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase}.scroll-line{width:1px;height:50px;background:linear-gradient(to bottom,rgba(201,168,76,.7),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.4;transform:scaleY(.7)}}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{position:relative;max-width:600px;width:90%;padding:0}.popup-close-x{position:absolute;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));background:#000000b3;border:none;font-size:24px;color:#fff;z-index:10000;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:22px;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.popup-close-x:hover{background:#000000e6}.popup-image{width:100%;height:auto;border-radius:10px;display:block}.content-wrapper{max-width:900px;margin:0 auto;padding:60px 24px;display:flex;flex-direction:column;gap:60px}.section-header{text-align:center;margin-bottom:32px}.section-kicker{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.3em;color:#c9a84c;margin-bottom:8px}.section-title{font-size:2rem;font-weight:800;color:#f8fafc;margin:0 0 8px;text-transform:uppercase;letter-spacing:-.01em}.section-sub{color:#f8fafc80;font-size:.95rem;margin:0}.barometer-section{width:100%}.matches-container{display:flex;flex-direction:column;gap:16px}.match-card{background:#ffffff0a;border:1px solid rgba(201,168,76,.15);border-radius:12px;padding:24px;transition:border-color .2s ease}.match-card:hover{border-color:#c9a84c59}.match-title{font-size:.8rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#c9a84c;margin:0 0 20px}.barometer-list{display:flex;flex-direction:column;gap:16px}.barometer-item{display:flex;flex-direction:column;gap:6px}.barometer-team{display:flex;justify-content:space-between;align-items:center}.team-name{font-weight:600;font-size:1rem;color:#f8fafc}.team-percentage{font-weight:600;font-size:.95rem;color:#f8fafc99}.progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .6s ease}.progress-fill.winning{background:linear-gradient(90deg,#c9a84c,#e8c96a)}.progress-fill.losing{background:#fff3}.match-total{font-size:.8rem;color:#f8fafc66;margin:16px 0 0;text-align:right}.global-total{text-align:center;font-size:.85rem;color:#f8fafc80;padding:12px;border-top:1px solid rgba(255,255,255,.08)}.no-votes-message,.error-message{text-align:center;color:#f8fafc80;padding:40px}.error-message{color:#f87171}.news-feed-section{width:100%}.rss-feed-container{max-height:600px;overflow-y:auto;padding-right:4px}.rss-feed-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.rss-feed-item{border-radius:8px;overflow:hidden;transition:background .2s ease}.rss-feed-item:hover{background:#ffffff0a}.rss-feed-link{display:flex;gap:16px;align-items:flex-start;padding:16px;text-decoration:none;color:#f8fafc;border-bottom:1px solid rgba(255,255,255,.06)}.rss-feed-image{width:90px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:6px;flex-shrink:0}.rss-feed-text{flex:1}.rss-feed-text h4{margin:0 0 6px;font-size:.95rem;font-weight:600;line-height:1.4;color:#f8fafc}.rss-feed-description{color:#f8fafc8c;font-size:.82rem;margin:0 0 6px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rss-feed-date{color:#c9a84c;font-size:.75rem;font-style:normal;letter-spacing:.05em}.rss-feed-link:hover .rss-feed-text h4{color:#c9a84c}.loading-message,.no-feed-message{text-align:center;padding:40px;color:#f8fafc80}@media (max-width: 768px){.hero-content{padding:0 24px;bottom:110px;max-width:100%}.hero-title{font-size:clamp(2.8rem,12vw,4rem)}.hero-subtitle{font-size:.95rem}.hero-btn-primary,.hero-btn-secondary{padding:12px 24px;font-size:.9rem}.hero-stat{padding:0 16px}.hero-stat-value{font-size:1.2rem}.hero-stat-label{font-size:.6rem}.hero-scroll{display:none}.content-wrapper{padding:40px 16px;gap:40px}.section-title{font-size:1.6rem}.rss-feed-image{width:72px;height:48px}}@media (max-width: 480px){.hero-content{bottom:120px}.hero-title{font-size:clamp(2.2rem,14vw,3rem)}.hero-ctas{flex-direction:column;gap:10px}.hero-btn-primary,.hero-btn-secondary{text-align:center}.hero-stats-strip{padding:14px 12px}.hero-stat{padding:0 8px}.hero-stat-value{font-size:1rem}.rss-feed-link{flex-direction:column}.rss-feed-image{width:100%;height:140px}}.social-container{min-height:100vh;padding:20px;background:radial-gradient(ellipse at 80% 0%,rgba(201,168,76,.2) 0%,transparent 55%),radial-gradient(ellipse at 15% 100%,rgba(139,26,26,.07) 0%,transparent 50%),linear-gradient(160deg,#0d0d0d,#1a1a1a 50%,#111 80%,#0d0d0d);color:#f8fafc}.social-header{text-align:center;margin-bottom:30px;padding:30px 20px;background:#ffffff0d;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-header h1{font-size:2.5rem;margin-bottom:10px;background:linear-gradient(135deg,#c9a84c,#a8862a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.social-header p{color:#f8fafcb3;font-size:1.1rem}.team-chips{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.chip{padding:8px 16px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:25px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.chip:hover{background:#ffffff26;transform:translateY(-2px)}.chip.active{background:linear-gradient(135deg,#c9a84c,#a8862a);border-color:transparent;box-shadow:0 4px 15px #667eea66}.feed-tabs{display:flex;gap:5px;justify-content:center;margin-bottom:30px;background:#ffffff0d;padding:5px;border-radius:15px;max-width:600px;margin-left:auto;margin-right:auto}.tab{flex:1;padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;color:#ffffffb3;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border-radius:10px}.tab:hover{background:#ffffff0d;color:#fff}.tab.active{background:#ffffff1a;color:#fff}.social-grid{display:grid;grid-template-columns:2fr 1fr;gap:25px;max-width:1400px;margin:0 auto}.twitter-feed-section{width:100%}.feed-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #0000004d}.feed-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background:linear-gradient(135deg,#c9a84c,#a8862a);color:#fff}.feed-header h2{margin:0;font-size:1.5rem}.live-badge{background:#ffffff4d;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:700;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.twitter-timeline-container{background:#fff;min-height:700px;display:flex;align-items:center;justify-content:center}.trending-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#ffffff1a;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-header h3{margin:0;font-size:1.3rem}.news-count{background:#fff3;padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:600}.news-blocks{display:flex;flex-direction:column;gap:12px}.news-block{display:flex;align-items:center;gap:15px;padding:15px;background:#ffffff14;border-radius:15px;text-decoration:none;color:#fff;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.news-block:hover{background:#ffffff1f;transform:translate(5px);border-color:#667eea80}.news-rank{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#c9a84c,#a8862a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:35px;text-align:center}.news-content{flex:1}.news-title{margin:0 0 8px;font-size:1rem;line-height:1.4;color:#fff}.news-meta{display:flex;gap:12px;font-size:.85rem;color:#fff9}.news-arrow{font-size:1.5rem;color:#fff6;transition:transform .3s ease}.news-block:hover .news-arrow{transform:translate(5px);color:#c9a84c}.hashtag-widget{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #0003}.hashtag-widget h3{margin:0;padding:15px 20px;background:linear-gradient(135deg,#c9a84c,#8b1a1a);color:#fff;font-size:1.2rem}.loading-news{text-align:center;padding:40px;color:#ffffffb3}.spinner{width:40px;height:40px;margin:0 auto 20px;border:4px solid rgba(255,255,255,.2);border-top-color:#c9a84c;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.social-cta{margin-top:40px;text-align:center;padding:40px;background:#ffffff0d;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-content h2{font-size:2rem;margin-bottom:10px}.cta-content p{color:#f8fafcb3;margin-bottom:20px;font-size:1.1rem}.cta-button{padding:15px 40px;background:linear-gradient(135deg,#c9a84c,#a8862a);color:#fff;border:none;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.cta-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #667eea99}@media (max-width: 768px){.social-grid{grid-template-columns:1fr}.team-chips{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:10px}.chip{white-space:nowrap}.feed-tabs{flex-direction:column;max-width:100%}.social-header h1{font-size:2rem}.hashtag-widget{margin-top:20px}}@media (max-width: 480px){.social-container{padding:15px}.feed-header h2{font-size:1.2rem}.news-title{font-size:.9rem}}.community-container{display:grid;grid-template-columns:280px 1fr 320px;min-height:100vh;background:#f7fafc;gap:20px;padding:0}.community-sidebar{position:sticky;top:60px;height:calc(100vh - 60px);background:#fff;border-right:1px solid #e2e8f0;padding:20px 0;overflow-y:auto}.sidebar-header{padding:0 20px 20px;border-bottom:1px solid #e2e8f0}.sidebar-header h2{font-size:1.5rem;font-weight:800;color:#1a202c;margin:0}.sidebar-menu{display:flex;flex-direction:column;gap:4px;padding:10px 0}.menu-item{display:flex;align-items:center;gap:16px;padding:14px 20px;background:none;border:none;cursor:pointer;font-size:1.05rem;font-weight:500;color:#4a5568;transition:all .2s ease;text-align:left;position:relative}.menu-item:hover{background:#f7fafc;color:#1a202c}.menu-item.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea;font-weight:700;border-right:3px solid #667eea}.menu-icon{font-size:1.3rem;width:24px;text-align:center}.badge{background:#667eea;color:#fff;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:700;margin-left:auto}.menu-divider{height:1px;background:#e2e8f0;margin:10px 20px}.community-feed{max-width:700px;background:#fff;border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0;min-height:100vh}.feed-header{position:sticky;top:60px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0;padding:16px 20px;z-index:10}.feed-header h1{font-size:1.5rem;font-weight:800;color:#1a202c;margin:0}.create-post-box{border-bottom:1px solid #e2e8f0;padding:16px 20px;background:#fff}.create-post-header{display:flex;gap:12px}.user-avatar,.author-avatar{width:48px;height:48px;min-width:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;box-shadow:0 2px 8px #667eea4d}.create-post-input-wrapper{flex:1}.replying-to-banner{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f7fafc;border-radius:8px;margin-bottom:8px;font-size:.9rem;color:#4a5568}.cancel-reply{background:none;border:none;cursor:pointer;font-size:1.2rem;color:#718096;padding:4px;border-radius:50%;transition:all .2s ease}.cancel-reply:hover{background:#e2e8f0;color:#e53e3e}.post-textarea{width:100%;border:none;outline:none;resize:none;font-size:1.05rem;font-family:inherit;line-height:1.5;padding:12px 0;color:#1a202c}.post-textarea::-moz-placeholder{color:#a0aec0}.post-textarea::placeholder{color:#a0aec0}.create-post-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #e2e8f0;margin-top:8px}.char-count{font-size:.85rem;color:#a0aec0}.post-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:20px;padding:10px 24px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease}.post-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #667eea66}.post-button:disabled{opacity:.5;cursor:not-allowed}.posts-feed{display:flex;flex-direction:column}.post-card{border-bottom:1px solid #e2e8f0;padding:16px 20px;transition:background .2s ease;cursor:pointer}.post-card:hover{background:#f7fafc}.post-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.post-author{display:flex;align-items:center;gap:10px}.author-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.author-name{font-weight:700;color:#1a202c;font-size:1rem}.you-badge{background:#667eea;color:#fff;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:700}.post-time{color:#a0aec0;font-size:.9rem}.reply-context{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#718096;margin-bottom:8px;padding-left:60px}.reply-icon{font-size:.8rem}.post-content{font-size:1.05rem;line-height:1.6;color:#2d3748;margin-bottom:12px;padding-left:60px;white-space:pre-wrap;word-wrap:break-word}.post-actions{display:flex;align-items:center;gap:40px;padding-left:60px}.action-btn{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;color:#718096;font-size:.9rem;padding:8px;border-radius:8px;transition:all .2s ease}.action-btn:hover{background:#f7fafc}.reply-action:hover{color:#667eea}.bookmark-action:hover,.bookmark-action.bookmarked{color:#f59e0b}.action-icon{font-size:1.2rem}.action-count{font-size:.85rem}.info-page{padding:30px 20px}.info-page h2{font-size:1.8rem;font-weight:800;color:#1a202c;margin-bottom:20px}.info-page ul{list-style:none;padding:0}.info-page li{padding:12px 0;border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:1rem}.faq-item{margin-bottom:24px;padding:16px;background:#f7fafc;border-radius:12px}.faq-item h3{font-size:1.2rem;font-weight:700;color:#1a202c;margin-bottom:8px}.faq-item p{color:#4a5568;line-height:1.6;margin:0}.profile-page{text-align:center}.profile-header{margin-bottom:30px}.profile-avatar-large{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;margin:0 auto 16px;box-shadow:0 8px 24px #667eea4d}.profile-username{color:#718096;font-size:1.1rem;margin:8px 0 0}.profile-stats{display:flex;justify-content:center;gap:40px;padding:20px;background:#f7fafc;border-radius:12px}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:2rem;font-weight:800;color:#667eea}.stat-label{font-size:.9rem;color:#718096;margin-top:4px}.empty-feed{text-align:center;padding:60px 20px;color:#a0aec0;font-size:1.1rem}.community-right-sidebar{position:sticky;top:60px;height:calc(100vh - 60px);padding:20px;overflow-y:auto}.trending-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.trending-box h3{font-size:1.2rem;font-weight:800;color:#1a202c;margin:0 0 16px}.trending-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e2e8f0}.trending-item:last-child{border-bottom:none}.trending-topic{font-weight:700;color:#667eea;font-size:.95rem}.trending-count{color:#a0aec0;font-size:.85rem}@media (max-width: 1200px){.community-container{grid-template-columns:280px 1fr}.community-right-sidebar{display:none}}@media (max-width: 768px){.community-container{grid-template-columns:1fr}.community-sidebar{position:fixed;left:-280px;top:60px;width:280px;height:calc(100vh - 60px);z-index:100;transition:left .3s ease;box-shadow:2px 0 10px #0000001a}.community-sidebar.mobile-open{left:0}.community-feed{border-left:none;border-right:none}.post-content,.post-actions,.reply-context{padding-left:0}.post-header{flex-direction:column}}.admin-container{min-height:100vh;padding:40px 20px 60px;background:radial-gradient(circle at 15% 10%,rgba(255,214,94,.55),transparent 40%),radial-gradient(circle at 85% 15%,rgba(255,99,163,.45),transparent 45%),radial-gradient(circle at 50% 60%,rgba(115,62,255,.5),transparent 55%),radial-gradient(ellipse at 50% 95%,rgba(20,7,45,.9),rgba(8,4,24,.2) 45%,transparent 70%),repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.08) 0 1px,transparent 1px 6px),linear-gradient(150deg,#1a0636 10%,#2d0b6c,#6a189a,#2f0e63);color:#f8fafc;display:flex;flex-direction:column;gap:24px;position:relative;overflow:hidden}.admin-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='800' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='g' cx='0.5' cy='0.85' r='0.6'%3E%3Cstop offset='0' stop-color='white' stop-opacity='0.2'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath d='M100 700 Q600 500 1100 700' stroke='white' stroke-opacity='0.15' stroke-width='6' fill='none'/%3E%3Cpath d='M150 730 Q600 540 1050 730' stroke='white' stroke-opacity='0.08' stroke-width='4' fill='none'/%3E%3Ccircle cx='200' cy='140' r='2' fill='white' opacity='0.35'/%3E%3Ccircle cx='320' cy='220' r='1.5' fill='white' opacity='0.25'/%3E%3Ccircle cx='980' cy='180' r='2' fill='white' opacity='0.3'/%3E%3Ccircle cx='860' cy='240' r='1.5' fill='white' opacity='0.2'/%3E%3Ccircle cx='600' cy='120' r='1.8' fill='white' opacity='0.25'/%3E%3Crect width='1200' height='800' fill='url(%23g)'/%3E%3C/svg%3E") center/cover no-repeat,radial-gradient(circle at 20% 15%,rgba(255,255,255,.22),transparent 35%),radial-gradient(circle at 80% 10%,rgba(255,255,255,.28),transparent 40%),radial-gradient(circle at 50% -20%,rgba(255,214,94,.55),transparent 45%),radial-gradient(circle at 50% 95%,rgba(255,123,172,.35),transparent 45%),radial-gradient(ellipse at 50% 100%,rgba(255,255,255,.12),transparent 55%);pointer-events:none}.admin-hero{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:1}.admin-kicker{text-transform:uppercase;letter-spacing:.3em;font-size:.85rem;color:#facc15;margin-bottom:12px}.admin-title{font-size:2.2rem;margin-bottom:8px}.admin-subtitle{color:#f8fafcbf}.admin-card{background:#0f172a99;border-radius:16px;padding:24px;box-shadow:0 20px 40px #00000059;border:1px solid rgba(255,255,255,.12);width:min(900px,100%);margin:0 auto;box-sizing:border-box;position:relative;z-index:1}.admin-card:before{content:"";position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;background:linear-gradient(110deg,rgba(255,214,94,.2),transparent 45%),linear-gradient(-130deg,rgba(88,192,255,.2),transparent 50%);opacity:.8;filter:blur(22px);z-index:-1}.section-title{font-size:1.3rem;color:#f8fafc;margin-bottom:25px;text-align:center;font-weight:600}.match-form,.result-form{max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.form-row{display:flex;gap:15px}.form-group{flex:1;display:flex;flex-direction:column}.form-group input,.styled-select{width:100%;padding:12px 15px;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:.95rem;transition:all .3s;background-color:#0f172ab3;color:#f8fafc}.form-group input::-moz-placeholder{color:#f8fafc80}.form-group input::placeholder{color:#f8fafc80}.form-group input:focus,.styled-select:focus{outline:none;border-color:#facc15;box-shadow:0 0 0 3px #facc1533;background-color:#0f172ae6}.primary-btn{background:linear-gradient(135deg,#fbbf24,#f97316);color:#0f172a;border:none;padding:14px;font-size:1rem;font-weight:700;border-radius:10px;cursor:pointer;width:100%;margin-top:10px;transition:all .3s}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0f172a59}.response-message{text-align:center;margin-top:12px;font-weight:600}.response-message.error{color:#f87171}.response-message.success{color:#86efac}.adminleaderboard-container{overflow-x:auto}.adminleaderboard-table{width:100%;border-collapse:collapse;min-width:520px}.adminleaderboard-header th{background:#7c3aed80;padding:12px;text-align:center}.adminleaderboard-row td{padding:12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:center;color:#f8fafcbf}.adminleaderboard-username{color:#f8fafc;font-weight:600}.adminleaderboard-win{color:#86efac}.adminleaderboard-loss{color:#fda4af}.adminleaderboard-points{color:#facc15;font-weight:600}.no-data{text-align:center;color:#f8fafcb3}@media (max-width: 768px){.admin-title{font-size:1.9rem}.form-row{flex-direction:column}}.scoreboard-page{min-height:100vh;padding:40px 20px 60px;background:radial-gradient(ellipse at 80% 0%,rgba(201,168,76,.2) 0%,transparent 55%),radial-gradient(ellipse at 15% 100%,rgba(139,26,26,.1) 0%,transparent 50%),linear-gradient(160deg,#0d0d0d,#1a1a1a 50%,#111 80%,#0d0d0d);color:#f8fafc;position:relative;overflow:hidden}.scoreboard-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 15%,rgba(201,168,76,.12),transparent 40%),radial-gradient(circle at 80% 10%,rgba(201,168,76,.15),transparent 45%),radial-gradient(ellipse at 50% 100%,rgba(139,26,26,.06),transparent 50%);pointer-events:none}.scoreboard-hero{text-align:center;max-width:700px;margin:0 auto 30px;position:relative;z-index:1}.scoreboard-kicker{text-transform:uppercase;letter-spacing:.3em;font-size:.85rem;color:#facc15;margin-bottom:12px}.scoreboard-title{font-size:2.4rem;margin-bottom:10px}.scoreboard-subtitle{color:#f8fafcbf;line-height:1.6}.scoreboard-container{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:24px;position:relative;z-index:1}.scoreboard-container:before{content:"";position:absolute;top:-80px;right:-40px;bottom:-80px;left:-40px;background:linear-gradient(110deg,rgba(201,168,76,.12),transparent 45%),linear-gradient(-130deg,rgba(139,26,26,.08),transparent 50%);opacity:.8;filter:blur(22px);z-index:-1}.scoreboard-message{text-align:center;color:#f8fafcbf}.scoreboard-message.error{color:#f87171}.leaderboard-container,.match-results-container{background:#0f172a99;border-radius:18px;padding:24px;box-shadow:0 20px 40px #00000059;border:1px solid rgba(255,255,255,.12)}.leaderboard-title,.match-results-title{font-size:1.5rem;text-align:center;margin-bottom:20px}.leaderboard-table-container{width:100%;overflow-x:auto}.leaderboard-table{width:100%;border-collapse:collapse;min-width:520px}.leaderboard-table th{background:#c9a84c66;color:#f8fafc;padding:12px;text-align:center;font-weight:600}.leaderboard-table td{padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.08);color:#f8fafcbf;text-align:center}.win-text{color:#86efac}.loss-text{color:#fda4af}.points-text{color:#facc15;font-weight:600}.match-results-list{display:flex;flex-direction:column;gap:12px;padding:0;list-style:none}.match-result-item{padding:12px 16px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.match-result-item.win{border-left:4px solid #22c55e}.match-result-item.loss{border-left:4px solid #f97316}.username-text,.team-text{font-weight:600;color:#f8fafc}.timestamp{color:#f8fafc99}.result-text{text-transform:capitalize;font-weight:600}.points-badge{color:#facc15;font-weight:600}@media (max-width: 768px){.scoreboard-title{font-size:2rem}.leaderboard-table{min-width:100%}}@media (max-width: 480px){.scoreboard-hero{text-align:left}}.bets-page{min-height:100vh;background:radial-gradient(ellipse at 80% 0%,rgba(201,168,76,.2) 0%,transparent 55%),radial-gradient(ellipse at 15% 100%,rgba(139,26,26,.1) 0%,transparent 50%),linear-gradient(160deg,#0d0d0d,#1a1a1a 50%,#111 80%,#0d0d0d);color:#f8fafc;padding-bottom:60px;position:relative;overflow:hidden}.bets-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 15%,rgba(201,168,76,.12),transparent 40%),radial-gradient(circle at 80% 10%,rgba(201,168,76,.15),transparent 45%),radial-gradient(ellipse at 50% 100%,rgba(139,26,26,.06),transparent 50%);opacity:1;pointer-events:none}.bets-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% -20%,rgba(255,214,94,.55),transparent 45%),radial-gradient(ellipse at 15% -10%,rgba(255,255,255,.35),transparent 40%),radial-gradient(ellipse at 85% -10%,rgba(255,255,255,.35),transparent 40%),conic-gradient(from 200deg at 50% 60%,rgba(255,123,172,.35),transparent 28%,rgba(88,192,255,.35),transparent 58%,rgba(255,214,94,.35)),linear-gradient(115deg,rgba(255,214,94,.15),transparent 35%,rgba(88,192,255,.18) 60%,transparent 80%);opacity:.7;mix-blend-mode:screen;pointer-events:none}.bets-page .bets-hero:before,.bets-page .bets-hero:after{content:"";position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;background:linear-gradient(120deg,rgba(255,214,94,.25),transparent 35%),linear-gradient(-140deg,rgba(255,99,163,.25),transparent 40%);opacity:.8;filter:blur(20px);pointer-events:none}.bets-hero{padding:60px 20px 40px;text-align:center;position:relative;z-index:1}.bets-hero-content{max-width:720px;margin:0 auto}.bets-kicker{font-size:.9rem;text-transform:uppercase;letter-spacing:.3em;font-weight:600;color:#facc15;margin-bottom:12px}.bets-title{font-size:2.4rem;margin-bottom:10px;font-weight:700}.bets-subtitle{color:#f8fafcbf;font-size:1.05rem;line-height:1.6}.bets-container{width:min(1100px,92%);margin:0 auto;display:flex;flex-direction:column;gap:30px;position:relative;z-index:1}.bets-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.widget-card{background:#0f172a8c;border-radius:16px;padding:18px;border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:10px;min-height:140px}.widget-label{text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;color:#f8fafc99}.widget-title{font-size:1.05rem;font-weight:600}.widget-meta{color:#f8fafcb3;font-size:.9rem}.widget-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.widget-list-item{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#f8fafcd9}.widget-rank{font-weight:700;color:#facc15}.widget-name{flex:1;margin-left:8px}.widget-score{font-weight:600}.widget-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.widget-stat-value{display:block;font-weight:700;font-size:1.1rem}.widget-stat-label{font-size:.75rem;color:#f8fafc99;text-transform:uppercase;letter-spacing:.08em}.match-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.match-card{background:linear-gradient(160deg,#ffffff24,#ffffff0a);border-radius:20px;padding:24px;border:1px solid rgba(255,255,255,.12);box-shadow:0 15px 35px #00000059;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:16px}.match-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.85rem}.match-status{background:#facc1526;color:#facc15;padding:6px 12px;border-radius:999px;font-weight:600}.match-time{color:#f8fafcb3;font-size:.8rem}.match-card-body{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;text-align:center}.team-block{background:#0f172a59;border-radius:16px;padding:14px 10px;border:1px solid rgba(255,255,255,.08)}.team-name{font-size:1.1rem;font-weight:600;color:#f8fafc}.match-versus{font-size:1rem;font-weight:700;color:#f8fafca6}.bet-buttons-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.bet-button{border:none;padding:12px 16px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;color:#0f172a}.bet-button.team-a{background:linear-gradient(135deg,#fbbf24,#f97316)}.bet-button.team-b{background:linear-gradient(135deg,#60a5fa,#38bdf8)}.bet-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0f172a4d}.betting-closed{text-align:center;font-weight:600;color:#f87171;background:#f8717126;padding:10px;border-radius:10px}.bet-status-message{padding:10px 12px;border-radius:10px;font-size:.9rem;font-weight:600;text-align:center;border:1px solid transparent}.bet-status-message.green-theme{background-color:#22c55e33;color:#86efac;border-color:#22c55e66}.bet-status-message.blue-theme{background-color:#38bdf833;color:#bae6fd;border-color:#38bdf866}.no-matches-message{text-align:center;color:#f8fafcbf;padding:30px;border-radius:16px;border:1px dashed rgba(255,255,255,.2)}.user-stats-panel{background:#0f172a8c;border-radius:18px;padding:24px;border:1px solid rgba(255,255,255,.1)}.user-stats-panel h3{margin:0 0 18px;display:flex;align-items:center;gap:10px;font-size:1.2rem;color:#f8fafc}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px}.stat-item{background:#ffffff14;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#f8fafc99}.stat-value{font-size:1.2rem;font-weight:700;color:#f8fafc}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0a0618cc;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box}.popup-content{background-color:#fff;border-radius:16px;width:100%;max-width:400px;box-shadow:0 6px 18px #0003;overflow:hidden}.auth-popup{padding:25px;text-align:center;color:#0f172a}.popup-title{font-size:1.4rem;margin-bottom:12px;font-weight:600}.popup-message{color:#475569;margin-bottom:24px;line-height:1.5}.popup-buttons{display:flex;gap:12px;justify-content:center}.popup-btn{border:none;padding:12px 20px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px;border:2px solid transparent}.popup-btn-primary{background-color:#7c3aed;color:#fff}.popup-btn-primary:hover{background-color:#6d28d9}.popup-btn-secondary{background-color:#fff;color:#7c3aed;border:2px solid #7c3aed}.popup-btn-secondary:hover{background-color:#ede9fe}@media (max-width: 768px){.bets-hero{padding:40px 16px 30px}.bets-title{font-size:2rem}.match-card-body{grid-template-columns:1fr}.match-versus{margin:8px 0}.popup-buttons{flex-direction:column}.popup-btn{width:100%}}@media (max-width: 480px){.bets-title{font-size:1.7rem}.bets-subtitle{font-size:.95rem}.match-card{padding:18px}}.login-container{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f8f9fa;padding:0 20px 20px;font-family:Arial,Verdana,Helvetica,sans-serif;box-sizing:border-box;margin-top:-20px}.login-form-container{width:100%;max-width:400px;background-color:#fff;border-radius:15px;padding:25px;box-shadow:0 6px 18px #0000001a;text-align:center;margin:0 auto;box-sizing:border-box}.login-title{font-size:1.6rem;color:#2d2d2d;margin-bottom:20px;font-weight:700}.login-form{display:flex;flex-direction:column;gap:15px;width:100%;margin:0 auto;box-sizing:border-box}.login-button{width:100%;padding:14px;margin:10px auto 0;background-color:#1e40af;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.login-button:hover{background-color:#1e3a8a}.login-message{margin-top:15px;padding:10px;border-radius:8px;font-size:.9rem}.login-message.success{background-color:#d1fae5;color:#065f46}.login-message.error{background-color:#fee2e2;color:#b91c1c}@media (max-width: 768px){.login-container{padding:15px}.login-form-container{padding:20px 15px;width:100%;max-width:100%;border-radius:12px}.login-title{font-size:1.4rem;margin-bottom:15px}.login-form{gap:12px}.form-group{padding:0 5px}.form-group input{padding:12px;font-size:16px}}@media (max-width: 480px){.login-form-container{padding:20px 12px}.login-title{font-size:1.3rem}.form-group label{font-size:.85rem}}.signup-container{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f8f9fa;padding:0 20px 20px;font-family:Arial,Verdana,Helvetica,sans-serif;box-sizing:border-box;margin-top:-20px}.signup-form-container{width:100%;max-width:400px;background-color:#fff;border-radius:15px;padding:25px;box-shadow:0 6px 18px #0000001a;text-align:center;margin:0 auto;box-sizing:border-box}.signup-title{font-size:1.6rem;color:#2d2d2d;margin-bottom:20px;font-weight:700}.signup-form{display:flex;flex-direction:column;gap:15px;width:100%;margin:0 auto;box-sizing:border-box}.form-group{text-align:left;width:100%;padding:0 5px}.form-group label{display:block;margin-bottom:6px;color:#484848;font-size:.9rem;font-weight:600}.form-group input{width:100%;padding:12px 15px;border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;outline:none;transition:all .3s ease;box-sizing:border-box}.signup-button{width:100%;padding:14px;margin:10px auto 0;background-color:#1e40af;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}@media (max-width: 768px){.signup-container{padding:15px}.signup-form-container{padding:20px 15px;width:100%;max-width:100%;border-radius:12px}.signup-title{font-size:1.4rem;margin-bottom:15px}.signup-form{gap:12px}.form-group{padding:0 5px}.form-group input{padding:12px;font-size:16px}}@media (max-width: 480px){.signup-form-container{padding:20px 12px}.signup-title{font-size:1.3rem}.form-group label{font-size:.85rem}}.age-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.age-popup-content{background-color:#fff;padding:25px;border-radius:10px;max-width:350px;width:90%;text-align:center;box-shadow:0 4px 20px #00000026}.age-popup-content h3{color:#d32f2f;margin-bottom:15px;font-size:1.3rem}.age-popup-content p{color:#333;margin-bottom:20px;font-size:1rem}.age-popup-button{background-color:#d32f2f;color:#fff;border:none;padding:10px 20px;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s}.age-popup-button:hover{background-color:#b71c1c}@media (max-width: 480px){.age-popup-content{padding:20px}.age-popup-content h3{font-size:1.2rem}.age-popup-content p{font-size:.9rem}.age-popup-button{padding:8px 16px;font-size:.9rem}}.auth-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:480px;overflow:hidden;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{display:flex;background:#f7fafc;border-bottom:2px solid #e2e8f0}.auth-tab{flex:1;padding:18px 0;background:none;border:none;font-size:1.1rem;font-weight:600;color:#718096;cursor:pointer;transition:all .3s ease;position:relative}.auth-tab:hover{color:#4a5568;background:#edf2f7}.auth-tab.active{color:#667eea;background:#fff}.auth-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.auth-content{padding:0;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-switch{padding:20px 30px;background:#f7fafc;text-align:center;border-top:1px solid #e2e8f0}.auth-switch p{margin:0;color:#4a5568;font-size:.95rem}.switch-btn{background:none;border:none;color:#667eea;font-weight:600;cursor:pointer;text-decoration:underline;padding:0;font-size:.95rem;transition:color .2s ease}.switch-btn:hover{color:#764ba2}@media (max-width: 768px){.auth-container{padding:10px}.auth-card{max-width:100%;border-radius:15px}.auth-tab{padding:15px 0;font-size:1rem}.auth-switch{padding:15px 20px}.auth-switch p{font-size:.9rem}}body,html{margin:0;padding:0}.navbar{background:linear-gradient(to right,#0d0d0d,#1a1a1a);border-bottom:1px solid rgba(201,168,76,.3);height:60px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:0 20px;position:sticky;top:0;z-index:100;box-shadow:0 2px 5px #0003}.navbar-logo{display:flex;align-items:center;gap:10px}.logo-image{height:40px;width:auto}.logo-text{font-family:Bebas Neue,sans-serif;font-size:1.7rem;letter-spacing:2px;background:linear-gradient(to right,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.navbar-center{display:flex;justify-content:center}.navbar-menu{display:flex;gap:30px}.nav-link{color:#fff;text-decoration:none;font-weight:500;font-size:1.1rem;transition:color .2s;padding:5px 0;position:relative}.nav-link:hover{color:#fbbf24}.nav-link.active{color:#fbbf24;font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#fbbf24}.nav-link-button{background:none;border:none;cursor:pointer}.navbar-right{display:flex;align-items:center;gap:15px;justify-content:flex-end}.username{color:#fff;font-size:1.2rem}.logout-icon-btn{background:none;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:4px}.logout-icon{color:#fff;font-size:1.2rem;transition:all .2s}.logout-icon-btn:hover{background-color:#fbbf241a}.logout-icon-btn:hover .logout-icon{color:#fbbf24;transform:translate(2px)}.mobile-menu-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;display:none}.mobile-menu-container{position:fixed;top:60px;left:0;right:0;z-index:99;background:#0d0d0df7}.mobile-menu{display:flex;flex-direction:column;align-items:center;padding:20px 0}.mobile-nav-link{color:#fff;text-decoration:none;font-size:1.1rem;padding:12px 0;width:100%;text-align:center;transition:background-color .2s}.mobile-nav-link:hover{background-color:#fbbf241a}.mobile-nav-link.active{color:#fbbf24;font-weight:600}.mobile-nav-button{background:none;border:none;cursor:pointer}.mobile-user-section{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:20px;padding-top:20px;border-top:1px solid #334155;width:100%}.mobile-username{color:#fff;font-size:1rem}.mobile-logout-btn{background:#1e40af;color:#fff;border:none;padding:8px 20px;border-radius:4px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:8px;transition:background .2s}.mobile-logout-btn:hover{background:#1e3a8a}.mobile-logout-icon{font-size:1.1rem}@media (max-width: 768px){.navbar{grid-template-columns:1fr auto}.navbar-center,.navbar-right .username,.navbar-right .logout-icon-btn{display:none}.mobile-menu-btn{display:block}}.chat-fab{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-size:1.8rem;cursor:pointer;box-shadow:0 4px 20px #667eea66;transition:all .3s ease;z-index:999;display:flex;align-items:center;justify-content:center}.chat-fab:hover{transform:scale(1.1);box-shadow:0 6px 25px #667eea99}.chat-fab.open{background:#e53935}.ipl-chatbot-window{position:fixed;bottom:100px;right:30px;width:380px;height:550px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;z-index:998;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chatbot-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.header-content{display:flex;align-items:center;gap:12px}.bot-avatar{font-size:2rem}.chatbot-header h3{margin:0;font-size:1.1rem;font-weight:700}.chatbot-header p{margin:0;font-size:.8rem;opacity:.9}.close-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:background .2s}.close-btn:hover{background:#ffffff4d}.chatbot-messages{flex:1;overflow-y:auto;padding:20px;background:#f7fafc}.message{display:flex;gap:10px;margin-bottom:15px;align-items:flex-start}.message.bot{flex-direction:row}.message.user{flex-direction:row-reverse}.bot-icon,.user-icon{font-size:1.5rem;flex-shrink:0}.message-bubble{max-width:75%;padding:12px 16px;border-radius:16px;line-height:1.5;font-size:.95rem;word-wrap:break-word}.message.bot .message-bubble{background:#fff;color:#2d3748;border-bottom-left-radius:4px;box-shadow:0 2px 8px #0000000d}.message.user .message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.typing{display:flex;gap:4px;padding:16px 20px}.typing span{width:8px;height:8px;background:#cbd5e0;border-radius:50%;animation:typing 1.4s infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.suggested-questions{padding:15px 20px;background:#fff;border-top:1px solid #e2e8f0}.suggested-questions p{margin:0 0 10px;font-size:.85rem;color:#718096;font-weight:600}.suggestions{display:flex;flex-direction:column;gap:8px}.suggestion-chip{padding:10px 14px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:20px;font-size:.85rem;color:#4a5568;cursor:pointer;transition:all .2s ease;text-align:left}.suggestion-chip:hover{background:#edf2f7;border-color:#667eea;color:#667eea;transform:translate(4px)}.chatbot-input{display:flex;gap:10px;padding:16px;background:#fff;border-top:1px solid #e2e8f0}.chatbot-input input{flex:1;padding:12px 16px;border:2px solid #e2e8f0;border-radius:24px;font-size:.95rem;outline:none;transition:border-color .2s}.chatbot-input input:focus{border-color:#667eea}.chatbot-input input:disabled{background:#f7fafc}.send-btn{width:44px;height:44px;border-radius:50%;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.2rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.send-btn:hover:not(:disabled){transform:scale(1.1)}.send-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.ipl-chatbot-window{bottom:0;right:0;left:0;width:100%;height:100vh;border-radius:0}.chat-fab{bottom:20px;right:20px;width:56px;height:56px;font-size:1.6rem}}