@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&display=swap";:root{--primary:#6b141a;--primary-hover:#500d11;--secondary:#111;--bg-app:#f7f8fa;--bg-card:#fff;--text-main:#1a1a1a;--text-muted:#718096;--white:#fff;--border:#edf2f7;--accent:#fdf2f2;--gold:#d4c19c;--font-main:"Inter", sans-serif;--font-serif:"Playfair Display", serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%!important;max-width:100vw!important;margin:0!important;padding:0!important;position:relative!important}body{background-color:var(--bg-app);min-width:320px;min-height:100vh;color:var(--secondary);margin:0;display:flex}body:not(.admin-mode) .white-bg,body:not(.admin-mode) .card{background-color:#fff!important}body:not(.admin-mode) .white-bg h1,body:not(.admin-mode) .white-bg h2,body:not(.admin-mode) .white-bg h3,body:not(.admin-mode) .white-bg h4,body:not(.admin-mode) .white-bg h5,body:not(.admin-mode) .white-bg h6,body:not(.admin-mode) .card:not(.dark-card) h1,body:not(.admin-mode) .card:not(.dark-card) h2,body:not(.admin-mode) .card:not(.dark-card) h3,body:not(.admin-mode) .card:not(.dark-card) h4,body:not(.admin-mode) .card:not(.dark-card) h5,body:not(.admin-mode) .card:not(.dark-card) h6{color:#000!important;font-weight:800!important}body:not(.admin-mode) .white-bg :not(button):not(button *):not([style*="color: white"]):not([style*=color\:white]),body:not(.admin-mode) .card:not([style*=background]):not([style*=linear-gradient]) :not(button):not(button *):not([style*="color: white"]):not([style*=color\:white]){color:#1a202c!important}.admin-portal-shell,.admin-portal-container,.app-shell,.premium-gradient{background-color:#050810!important}.admin-portal-shell h1,.admin-portal-shell h2,.admin-portal-shell h3,.admin-portal-shell h4,.admin-portal-shell h5,.admin-portal-shell h6,.admin-portal-container h1,.admin-portal-container h2,.admin-portal-container h3{text-shadow:0 2px 4px #0000004d;color:#fff!important;font-weight:800!important}.admin-portal-shell p,.admin-portal-shell span,.admin-portal-shell label{color:#f8fafc!important}.btn-primary,.btn-primary *{color:#fff!important}.badge-official{letter-spacing:1.5px;text-transform:uppercase;border-radius:4px;padding:4px 12px;display:inline-block;box-shadow:0 2px 4px #0000001a}.btn-primary{cursor:pointer;justify-content:center;align-items:center;gap:10px;transition:all .2s;display:flex;background-color:var(--primary)!important;border:none!important;border-radius:12px!important;padding:14px 24px!important;font-weight:800!important}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6b141a33;background-color:var(--primary-hover)!important}.fade-in{animation:.4s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-title{align-items:center;gap:12px;margin-bottom:24px;font-size:20px;font-weight:800;display:flex}input,select,textarea{background:#fff;border:1px solid #e2e8f0}select option{color:#111!important;background:#fff!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#050810}::-webkit-scrollbar-thumb{background:#d4c19c66;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}.bottom-nav{-webkit-backdrop-filter:blur(16px);z-index:1000;background:#ffffffd9;border:1px solid #ffffff4d;border-radius:20px;justify-content:space-around;align-items:center;max-width:390px;height:72px;margin:0 auto;padding:0 10px;display:flex;position:fixed;bottom:24px;left:20px;right:20px;box-shadow:0 12px 32px #0000001f}.nav-item{color:#888;cursor:pointer;background:0 0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;padding:4px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:none!important;border:none!important;outline:none!important}.nav-item.active{color:var(--primary)}.nav-item.active svg{transform:scale(1.1)translateY(-1px)}.nav-item span{text-transform:uppercase;letter-spacing:-.2px;white-space:nowrap;text-overflow:clip;text-align:center;width:100%;font-size:7.5px;font-weight:800;overflow:hidden}.marquee-container{white-space:nowrap;width:100%;padding:10px 0;overflow:hidden}.marquee-content{will-change:transform;gap:24px;animation:40s linear infinite marquee-scroll;display:inline-flex}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-content:hover{animation-play-state:paused}.App{background:#f7f8fa;flex-direction:column;min-height:100vh;display:flex}.mobile-wrapper{background:#f7f8fa!important}.fixed-modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(4px);background:#0009;align-items:flex-end;animation:.3s fadeInModal;display:flex;position:fixed;inset:0}.modal-wrapper{background:#fff;border-top-left-radius:32px;border-top-right-radius:32px;flex-direction:column;width:100%;height:92vh;animation:.4s cubic-bezier(.16,1,.3,1) slideUpModal;display:flex;overflow:hidden;box-shadow:0 -10px 40px #0003}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.clickable{cursor:pointer;transition:opacity .2s,transform .1s}.clickable:active{opacity:.7;transform:scale(.95)}@keyframes scroll-infinite{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-pulse-subtle{animation:3s ease-in-out infinite pulse-subtle}@keyframes pulse-subtle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.02)}}.app-shell{background:#f0f2f5;flex-direction:column;width:100%;min-height:100vh;display:flex}@media (width>=1025px){.admin-wrapper{background:#0a0f1a;width:100%;min-height:100vh}.mobile-wrapper{width:100%;max-width:none;box-shadow:none;border-radius:0;margin:0}.app-content-wide{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:20px}}@media (width<=1024px){.mobile-wrapper{background-color:var(--bg-app);flex-direction:column;height:100vh;margin:0 auto;display:flex;position:relative;width:100%!important;max-width:100vw!important;overflow:hidden auto!important}}@media (width<=430px){.mobile-wrapper{width:100%;box-shadow:none}}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}