.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;overflow:visible!important;background:linear-gradient(135deg,#ffffff14,#ffffff08),radial-gradient(ellipse at top right,rgba(239,0,255,.06),transparent 60%),radial-gradient(ellipse at bottom left,rgba(0,141,255,.04),transparent 60%),#00000026;backdrop-filter:blur(60px) saturate(250%) brightness(1.15) contrast(1.05);-webkit-backdrop-filter:blur(60px) saturate(250%) brightness(1.15) contrast(1.05);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,0 4px 16px #0003,inset 0 1px 2px #fff3,inset 0 -1px 2px #0000001a,0 0 0 1px #ffffff14}.header:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff1a,#ffffff08,#fff0);pointer-events:none}.header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(0deg,#0000001a,#00000008,#0000);pointer-events:none}.header-content{display:flex;align-items:center;justify-content:space-between;gap:32px;overflow:visible!important}.logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .3s ease;z-index:1001}.logo:hover{transform:scale(1.02)}.nav{display:flex;gap:8px;flex:1;justify-content:center}.nav-link{padding:12px 28px;color:var(--text-primary);background:linear-gradient(135deg,#ffffff14,#ffffff08),radial-gradient(ellipse at top right,rgba(239,0,255,.06),transparent 60%),radial-gradient(ellipse at bottom left,rgba(0,141,255,.04),transparent 60%),#00000026;backdrop-filter:blur(60px) saturate(250%) brightness(1.15) contrast(1.05);-webkit-backdrop-filter:blur(60px) saturate(250%) brightness(1.15) contrast(1.05);border:1.5px solid rgba(255,255,255,.12);border-radius:16px;font-weight:500;font-size:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,0 4px 16px #0003,inset 0 1px 2px #fff3,inset 0 -1px 2px #0000001a,0 0 0 1px #ffffff14}.nav-link:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff1a,#ffffff08,#fff0);pointer-events:none}.nav-link:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(0deg,#0000001a,#00000008,#0000);pointer-events:none}.nav-link:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 20px 64px #00000073,0 10px 32px #0000004d,inset 0 2px 3px #ffffff4d,inset 0 -2px 3px #00000026,0 0 0 1.5px #ffffff4d}.nav-link[data-page=home].active{border:2px solid transparent;background:linear-gradient(#141923e6,#141923e6) padding-box,linear-gradient(90deg,#ef00ff,#d400f5,#b900ea,#9d00df,#7000c8,#3d72ff,#008dff) border-box;background-size:600% 100%;background-position:0% 50%;box-shadow:0 16px 48px #00000059,0 8px 24px #00000040,inset 0 2px 3px #ffffff40,inset 0 -2px 3px #0000001f,0 0 60px #ef00ff66}.nav-link[data-page=stats].active{border:2px solid transparent;background:linear-gradient(#141923e6,#141923e6) padding-box,linear-gradient(90deg,#ef00ff,#d400f5,#b900ea,#9d00df,#7000c8,#3d72ff,#008dff) border-box;background-size:600% 100%;background-position:16.67% 50%;box-shadow:0 16px 48px #00000059,0 8px 24px #00000040,inset 0 2px 3px #ffffff40,inset 0 -2px 3px #0000001f,0 0 60px #d400f566}.nav-link[data-page=spot].active{border:2px solid transparent;background:linear-gradient(#141923e6,#141923e6) padding-box,linear-gradient(90deg,#ef00ff,#d400f5,#b900ea,#9d00df,#7000c8,#3d72ff,#008dff) border-box;background-size:600% 100%;background-position:33.33% 50%;box-shadow:0 16px 48px #00000059,0 8px 24px #00000040,inset 0 2px 3px #ffffff40,inset 0 -2px 3px #0000001f,0 0 60px #b900ea66}.nav-link[data-page=commodities].active{border:2px solid transparent;background:linear-gradient(#141923e6,#141923e6) padding-box,linear-gradient(90deg,#ef00ff,#d400f5,#b900ea,#9d00df,#7000c8,#3d72ff,#008dff) border-box;background-size:600% 100%;background-position:50% 50%;box-shadow:0 16px 48px #00000059,0 8px 24px #00000040,inset 0 2px 3px #ffffff40,inset 0 -2px 3px #0000001f,0 0 60px #7000c866}.nav-link[data-page=about].active{border:2px solid transparent;background:linear-gradient(#141923e6,#141923e6) padding-box,linear-gradient(90deg,#ef00ff,#d400f5,#b900ea,#9d00df,#7000c8,#3d72ff,#008dff) border-box;background-size:600% 100%;background-position:66.67% 50%;box-shadow:0 16px 48px #00000059,0 8px 24px #00000040,inset 0 2px 3px #ffffff40,inset 0 -2px 3px #0000001f,0 0 60px #3d72ff66}.nav-link[data-page=contact].active{border:2px solid transparent;background:linear-gradient(#141923e6,#141923e6) padding-box,linear-gradient(90deg,#ef00ff,#d400f5,#b900ea,#9d00df,#7000c8,#3d72ff,#008dff) border-box;background-size:600% 100%;background-position:100% 50%;box-shadow:0 16px 48px #00000059,0 8px 24px #00000040,inset 0 2px 3px #ffffff40,inset 0 -2px 3px #0000001f,0 0 60px #008dff66}.nav-link[data-page=home]:hover:not(.active){border-color:#ef00ff80;box-shadow:0 20px 64px #00000073,0 10px 32px #0000004d,inset 0 2px 3px #ffffff4d,inset 0 -2px 3px #00000026,0 0 40px #ef00ff4d}.nav-link[data-page=stats]:hover:not(.active){border-color:#d400f580;box-shadow:0 20px 64px #00000073,0 10px 32px #0000004d,inset 0 2px 3px #ffffff4d,inset 0 -2px 3px #00000026,0 0 40px #d400f54d}.nav-link[data-page=spot]:hover:not(.active){border-color:#b900ea80;box-shadow:0 20px 64px #00000073,0 10px 32px #0000004d,inset 0 2px 3px #ffffff4d,inset 0 -2px 3px #00000026,0 0 40px #b900ea4d}.nav-link[data-page=commodities]:hover:not(.active){border-color:#7000c880;box-shadow:0 20px 64px #00000073,0 10px 32px #0000004d,inset 0 2px 3px #ffffff4d,inset 0 -2px 3px #00000026,0 0 40px #7000c84d}.nav-link[data-page=about]:hover:not(.active){border-color:#3d72ff80;box-shadow:0 20px 64px #00000073,0 10px 32px #0000004d,inset 0 2px 3px #ffffff4d,inset 0 -2px 3px #00000026,0 0 40px #3d72ff4d}.nav-link[data-page=contact]:hover:not(.active){border-color:#008dff80;box-shadow:0 20px 64px #00000073,0 10px 32px #0000004d,inset 0 2px 3px #ffffff4d,inset 0 -2px 3px #00000026,0 0 40px #008dff4d}.header-actions{display:flex;align-items:center;gap:16px;position:relative;overflow:visible}.language-selector{display:flex;gap:8px}.language-btn{padding:12px 24px;color:var(--text-primary);font-size:14px;font-weight:600;background:linear-gradient(135deg,#ffffff14,#ffffff08),radial-gradient(ellipse at top right,rgba(239,0,255,.06),transparent 60%),radial-gradient(ellipse at bottom left,rgba(0,141,255,.04),transparent 60%),#00000026;backdrop-filter:blur(60px) saturate(250%) brightness(1.15) contrast(1.05);-webkit-backdrop-filter:blur(60px) saturate(250%) brightness(1.15) contrast(1.05);border:1.5px solid rgba(255,255,255,.12);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,0 4px 16px #0003,inset 0 1px 2px #fff3,inset 0 -1px 2px #0000001a,0 0 0 1px #ffffff14}.language-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff1a,#ffffff08,#fff0);pointer-events:none}.language-btn:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(0deg,#0000001a,#00000008,#0000);pointer-events:none}.language-btn:hover{border-color:var(--color-primary);transform:translateY(-2px) scale(1.02);box-shadow:0 20px 64px #00000073,0 10px 32px #0000004d,inset 0 2px 3px #ffffff4d,inset 0 -2px 3px #00000026,0 0 0 1.5px var(--color-primary),0 0 50px #ef00ff40,0 0 100px #ef00ff1f}.mobile-actions,.mobile-menu,.mobile-menu-overlay{display:none}@media (max-width: 767px){.logo{font-size:18px}.desktop-nav,.desktop-actions{display:none}.mobile-actions{display:flex;align-items:center;gap:12px;z-index:1001}.mobile-lang-btn{padding:8px 16px;font-size:13px}.hamburger-btn{display:flex;flex-direction:column;justify-content:space-between;width:28px;height:22px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger-btn span{display:block;height:3px;width:100%;background:var(--text-primary);border-radius:3px;transition:all .3s cubic-bezier(.4,0,.2,1)}.hamburger-btn.active span:nth-child(1){transform:translateY(9.5px) rotate(45deg)}.hamburger-btn.active span:nth-child(2){opacity:0}.hamburger-btn.active span:nth-child(3){transform:translateY(-9.5px) rotate(-45deg)}.mobile-menu-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu{display:block;position:fixed;top:80px;left:0;right:0;max-height:calc(100vh - 80px);overflow-y:visible;z-index:1000;background:linear-gradient(135deg,#ffffff14,#ffffff08),radial-gradient(ellipse at top right,rgba(239,0,255,.06),transparent 60%),radial-gradient(ellipse at bottom left,rgba(0,141,255,.04),transparent 60%),#000000f2;backdrop-filter:blur(60px) saturate(250%) brightness(1.15) contrast(1.05);-webkit-backdrop-filter:blur(60px) saturate(250%) brightness(1.15) contrast(1.05);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000080,inset 0 1px 2px #ffffff1a;animation:slideDown .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-nav{display:flex;flex-direction:column;padding:16px}.mobile-nav-link{width:100%;padding:16px 20px;text-align:left;font-size:18px;font-weight:500;color:var(--text-primary);background:#ffffff08;border:1.5px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:8px;cursor:pointer;transition:all .3s ease;overflow:visible}.mobile-nav-link:hover{background:#ffffff14;border-color:#ffffff26;transform:translate(4px)}.mobile-nav-link[data-page=home].active{border:2px solid transparent;background:linear-gradient(#141923e6,#141923e6) padding-box,linear-gradient(90deg,#ef00ff,#008dff) border-box;box-shadow:0 0 20px #ef00ff4d}.mobile-nav-link[data-page=stats].active{border:2px solid transparent;background:linear-gradient(#141923e6,#141923e6) padding-box,linear-gradient(90deg,#d400f5,#b900ea) border-box;box-shadow:0 0 20px #d400f54d}.mobile-nav-link[data-page=spot].active{border:2px solid transparent;background:linear-gradient(#141923e6,#141923e6) padding-box,linear-gradient(90deg,#b900ea,#9d00df) border-box;box-shadow:0 0 20px #b900ea4d}.mobile-nav-link[data-page=commodities].active{border:2px solid transparent;background:linear-gradient(#141923e6,#141923e6) padding-box,linear-gradient(90deg,#9d00df,#7000c8) border-box;box-shadow:0 0 20px #7000c84d}.mobile-nav-link[data-page=about].active{border:2px solid transparent;background:linear-gradient(#141923e6,#141923e6) padding-box,linear-gradient(90deg,#7000c8,#3d72ff) border-box;box-shadow:0 0 20px #3d72ff4d}.mobile-nav-link[data-page=contact].active{border:2px solid transparent;background:linear-gradient(#141923e6,#141923e6) padding-box,linear-gradient(90deg,#3d72ff,#008dff) border-box;box-shadow:0 0 20px #008dff4d}.mobile-menu-section{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);overflow:visible;position:relative}}.background-selector{position:relative;display:inline-block}.background-selector-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);font-size:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(60px) saturate(250%) brightness(1.25) contrast(1.08);-webkit-backdrop-filter:blur(60px) saturate(250%) brightness(1.25) contrast(1.08);box-shadow:0 4px 24px #00000026,inset 0 1px #ffffff1a}.background-selector-btn:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff26;transform:translateY(-2px)}.background-selector-btn:active{transform:translateY(0)}.bg-icon{font-size:20px;line-height:1;filter:drop-shadow(0 0 8px rgba(239,0,255,.3))}.bg-arrow{font-size:12px;opacity:.7;transition:transform .3s ease}.background-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;padding:12px;background:#1a1a2ef2;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;backdrop-filter:blur(60px) saturate(250%) brightness(1.25) contrast(1.08);-webkit-backdrop-filter:blur(60px) saturate(250%) brightness(1.25) contrast(1.08);z-index:10000;animation:dropdownSlideIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:8px;padding:0 8px}.dropdown-options{display:flex;flex-direction:column;gap:4px}.dropdown-option{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff08;border:1px solid transparent;border-radius:10px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.dropdown-option:hover:not(.disabled){background:#ffffff14;border-color:#ffffff1a;transform:translate(4px)}.dropdown-option.active{background:linear-gradient(135deg,#ef00ff26,#007bff26);border-color:#ef00ff4d}.dropdown-option.disabled{opacity:.4;cursor:not-allowed}.option-icon{font-size:18px;line-height:1;flex-shrink:0}.option-label{flex:1}.coming-soon{font-size:11px;opacity:.6;font-style:italic}.option-check{font-size:16px;color:var(--color-primary);flex-shrink:0}@media (max-width: 768px){.background-dropdown{right:auto;left:50%;transform:translate(-50%);min-width:200px}@keyframes dropdownSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-10px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}}@media (max-width: 767px){.mobile-menu-section .background-selector{position:static;display:block;width:100%}.mobile-menu-section .background-selector-btn{width:100%;justify-content:space-between;padding:12px 16px;font-size:16px;border-radius:12px}.mobile-menu-section .bg-icon{font-size:22px}.mobile-menu-section .background-dropdown{position:fixed;top:auto;bottom:80px;left:16px;right:16px;width:auto;min-width:auto;max-height:400px;overflow-y:auto;z-index:10001;opacity:1!important;visibility:visible!important;pointer-events:auto!important;animation:mobileDropdownSlideIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes mobileDropdownSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mobile-menu-section .background-dropdown::-webkit-scrollbar{width:6px}.mobile-menu-section .background-dropdown::-webkit-scrollbar-track{background:transparent}.mobile-menu-section .background-dropdown::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border-radius:10px}.mobile-menu-section .dropdown-option{padding:14px 16px;font-size:15px}.mobile-menu-section .option-icon{font-size:20px}.mobile-menu,.mobile-nav{overflow:visible!important}.mobile-menu-section{overflow:visible!important;position:relative}.mobile-menu-section .background-dropdown:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:-1}}.footer{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#ffffff14,#ffffff08),radial-gradient(ellipse at top right,rgba(239,0,255,.06),transparent 60%),radial-gradient(ellipse at bottom left,rgba(0,141,255,.04),transparent 60%),#00000026;backdrop-filter:blur(60px) saturate(250%) brightness(1.15) contrast(1.05);-webkit-backdrop-filter:blur(60px) saturate(250%) brightness(1.15) contrast(1.05);border-top:1px solid rgba(255,255,255,.1);padding:16px 0;z-index:999;box-shadow:0 -8px 32px #0000004d,0 -4px 16px #0003,inset 0 -1px 2px #fff3,inset 0 1px 2px #0000001a}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-copyright{color:var(--text-secondary);font-size:14px}.footer-legal{display:flex;gap:16px;align-items:center}.footer-legal a{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:color .3s ease}.footer-legal a:hover{color:var(--color-primary)}.footer-legal a[data-link=terms]:hover{color:var(--color-secondary)}.separator{color:var(--text-secondary)}.footer-hamburger-btn,.footer-mobile-menu,.footer-mobile-menu-overlay{display:none}@media (max-width: 767px){.footer-content{justify-content:space-between;align-items:center}.footer-copyright{font-size:12px;flex:1}.desktop-footer-legal{display:none}.footer-hamburger-btn{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.footer-hamburger-btn span{display:block;height:2.5px;width:100%;background:var(--text-secondary);border-radius:3px;transition:all .3s cubic-bezier(.4,0,.2,1)}.footer-hamburger-btn.active span:nth-child(1){transform:translateY(7.75px) rotate(45deg)}.footer-hamburger-btn.active span:nth-child(2){opacity:0}.footer-hamburger-btn.active span:nth-child(3){transform:translateY(-7.75px) rotate(-45deg)}.footer-mobile-menu-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:998;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.footer-mobile-menu{display:block;position:fixed;bottom:60px;left:0;right:0;z-index:999;padding:16px;background:linear-gradient(135deg,#ffffff14,#ffffff08),radial-gradient(ellipse at top right,rgba(239,0,255,.06),transparent 60%),radial-gradient(ellipse at bottom left,rgba(0,141,255,.04),transparent 60%),#000000f2;backdrop-filter:blur(60px) saturate(250%) brightness(1.15) contrast(1.05);-webkit-backdrop-filter:blur(60px) saturate(250%) brightness(1.15) contrast(1.05);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -8px 32px #00000080,inset 0 -1px 2px #ffffff1a;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer-mobile-link{width:100%;padding:16px 20px;text-align:left;font-size:16px;font-weight:500;color:var(--text-primary);background:#ffffff08;border:1.5px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:8px;cursor:pointer;transition:all .3s ease}.footer-mobile-link:last-child{margin-bottom:0}.footer-mobile-link:hover{background:#ffffff14;border-color:#ffffff26;transform:translate(4px)}.footer-mobile-link:active{background:#ffffff1f}}.home-page{height:100%;overflow:visible;padding:40px 0}.home-content{max-width:1400px;margin:0 auto;padding:0 24px;height:100%;display:grid;grid-template-columns:1fr 450px;gap:60px;align-items:start;overflow:visible}.description-section{opacity:0}.home-title{font-size:56px;font-weight:800;line-height:1.1;margin-bottom:24px;letter-spacing:-.02em}.home-description{font-size:16px;color:var(--text-secondary);line-height:1.7;margin-bottom:48px;max-width:800px}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px}.feature-item{padding:20px;text-align:center;opacity:0;position:relative;backdrop-filter:blur(60px) saturate(250%) brightness(1.25) contrast(1.08);-webkit-backdrop-filter:blur(60px) saturate(250%) brightness(1.25) contrast(1.08)}.feature-icon{font-size:36px;margin-bottom:12px;filter:drop-shadow(0 0 10px rgba(239,0,255,.3))}.feature-item h3{font-size:16px;margin-bottom:6px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.feature-item p{color:var(--text-secondary);font-size:13px}.live-trades-section{display:flex;flex-direction:column;gap:20px;height:100%;overflow:visible}.section-subtitle{font-size:24px;font-weight:700;opacity:0}.trades-container{display:flex;flex-direction:column;overflow-y:auto;overflow-x:visible;padding:0 8px}.trades-container::-webkit-scrollbar{width:6px}.trades-container::-webkit-scrollbar-track{background:transparent}.trades-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border-radius:10px}.trade-card{display:flex;align-items:center;gap:16px;padding:12px 20px;opacity:1;flex-shrink:0;position:relative;min-height:50px;margin-bottom:16px;backdrop-filter:blur(60px) saturate(250%) brightness(1.25) contrast(1.08);-webkit-backdrop-filter:blur(60px) saturate(250%) brightness(1.25) contrast(1.08)}.trade-card:last-child{margin-bottom:0}.exchange-badge{font-size:14px;opacity:.7;flex-shrink:0}.trade-pair{font-size:18px;font-weight:700;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;flex-shrink:0;min-width:120px}.trade-direction{font-size:15px;font-weight:600;padding:4px 12px;border-radius:6px;flex-shrink:0}.trade-direction.long{color:var(--color-profit);background:#00ff8826}.trade-direction.short{color:var(--color-loss);background:#ff336626}.trade-status{font-size:14px;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:8px;flex:1}.trade-status.opened{color:var(--color-secondary)}.pnl{font-weight:700;font-size:15px}.pnl.profit{color:var(--color-profit)}.pnl.loss{color:var(--color-loss)}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.trade-new{animation:slideInFromTop .5s cubic-bezier(.34,1.56,.64,1) forwards!important}@media (max-width: 1024px){.home-page{height:auto;overflow-y:auto}.home-content{grid-template-columns:1fr;gap:40px;padding:0 20px;height:auto}.live-trades-section{height:auto;max-height:600px}.trades-container{max-height:500px;overflow-y:auto}}@media (max-width: 767px){.home-page{padding:20px 0 40px;overflow-y:auto;overflow-x:hidden;height:auto!important;min-height:auto!important}.home-content{grid-template-columns:1fr;gap:32px;padding:0 16px 24px;height:auto!important;min-height:auto!important}.description-section{width:100%;opacity:1!important}.home-title{font-size:32px;line-height:1.2;margin-bottom:20px}.home-description{font-size:15px;line-height:1.6;margin-bottom:32px}.features-grid{display:none!important}.live-trades-section{height:auto!important;max-height:none!important;display:flex!important;flex-direction:column;gap:16px;margin-bottom:24px;opacity:1!important}.section-subtitle{font-size:20px;margin-bottom:16px;display:block!important;opacity:1!important}.trades-container{max-height:none!important;height:auto!important;overflow-y:visible!important;overflow-x:hidden;padding:0 4px;display:flex!important;flex-direction:column}.trade-card{display:flex!important;flex-direction:row!important;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:10px 14px;margin-bottom:10px;min-height:auto}.trade-card:last-child{margin-bottom:0}.exchange-badge{font-size:11px;order:1}.trade-pair{font-size:15px;font-weight:700;min-width:auto;order:2}.trade-direction{font-size:12px;padding:3px 8px;order:3}.trade-status{font-size:12px;width:auto;flex:0 0 auto;order:4;margin-left:auto}.pnl{font-size:13px;font-weight:700}.loading-container,.error-container,.no-activity-container{display:flex!important;min-height:200px}.trade-new{animation:none}}@media (max-width: 374px){.home-title{font-size:28px}.home-description{font-size:14px}.trade-card{padding:8px 12px;gap:6px 10px}.exchange-badge{font-size:10px}.trade-pair{font-size:14px}.trade-direction{font-size:11px;padding:2px 6px}.trade-status{font-size:11px}.pnl{font-size:12px}}@media (max-width: 767px) and (orientation: landscape){.home-page{padding:10px 0 20px}.home-content{gap:20px;padding:0 16px 20px}.home-title{font-size:28px;margin-bottom:16px}.home-description{font-size:14px;margin-bottom:20px}.section-subtitle{font-size:18px}.trade-card{gap:6px 10px;padding:8px 12px}}.statistics-page{height:100%;display:grid;grid-template-columns:280px 1fr;gap:24px;padding:24px;overflow:visible}.filters-sidebar::-webkit-scrollbar-thumb:hover{opacity:1}.filter-btn:hover{background:linear-gradient(135deg,#ffffff14,#ffffff08),radial-gradient(ellipse at top right,rgba(239,0,255,.06),transparent 60%),radial-gradient(ellipse at bottom left,rgba(0,141,255,.04),transparent 60%),#00000026;backdrop-filter:blur(60px) saturate(250%) brightness(1.15) contrast(1.05);-webkit-backdrop-filter:blur(60px) saturate(250%) brightness(1.15) contrast(1.05);border-color:var(--color-primary);box-shadow:0 4px 16px #00000040,inset 0 1px 1px #ffffff26,inset 0 -1px 1px #00000014}.filter-select{width:100%;padding:8px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#ffffff14,#ffffff08),radial-gradient(ellipse at top right,rgba(239,0,255,.06),transparent 60%),radial-gradient(ellipse at bottom left,rgba(0,141,255,.04),transparent 60%),#00000026;backdrop-filter:blur(60px) saturate(250%) brightness(1.15) contrast(1.05);-webkit-backdrop-filter:blur(60px) saturate(250%) brightness(1.15) contrast(1.05);color:var(--text-primary);font-size:15px;font-family:inherit;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #00000040,inset 0 1px 1px #ffffff26,inset 0 -1px 1px #00000014}.filter-select:hover{border-color:var(--color-primary)}.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ef00ff1f,0 6px 20px #ef00ff33}.filter-select option{background:#141923f2;color:var(--text-primary);padding:12px}.filter-input{width:100%;padding:8px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#ffffff14,#ffffff08),radial-gradient(ellipse at top right,rgba(239,0,255,.06),transparent 60%),radial-gradient(ellipse at bottom left,rgba(0,141,255,.04),transparent 60%),#00000026;backdrop-filter:blur(60px) saturate(250%) brightness(1.15) contrast(1.05);-webkit-backdrop-filter:blur(60px) saturate(250%) brightness(1.15) contrast(1.05);color:var(--text-primary);font-size:15px;font-family:inherit;transition:all .3s ease;box-shadow:0 4px 16px #00000040,inset 0 1px 1px #ffffff26,inset 0 -1px 1px #00000014}.filter-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ef00ff1f,0 6px 20px #ef00ff33}.filter-hint{margin-top:8px;font-size:12px;color:var(--text-secondary);line-height:1.5}.stats-content{display:flex;flex-direction:column;gap:24px;overflow-y:auto;overflow-x:visible;padding:0 8px;height:100%}.stats-content::-webkit-scrollbar{width:6px}.stats-content::-webkit-scrollbar-track{background:transparent}.stats-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border-radius:10px;opacity:.5}.stats-content::-webkit-scrollbar-thumb:hover{opacity:1}.live-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#ffffff14,#ffffff08),radial-gradient(ellipse at top right,rgba(239,0,255,.06),transparent 60%),radial-gradient(ellipse at bottom left,rgba(0,141,255,.04),transparent 60%),#00000026;backdrop-filter:blur(60px) saturate(250%) brightness(1.15) contrast(1.05);-webkit-backdrop-filter:blur(60px) saturate(250%) brightness(1.15) contrast(1.05);border:1px solid rgba(255,255,255,.12);border-radius:20px;font-size:14px;font-weight:600}.direction-blocks{display:grid;grid-template-columns:1fr;gap:16px;opacity:0}.direction-card-new{display:flex;gap:20px;align-items:stretch;padding:20px}.long-card-new{border-left:3px solid #4ade80}.short-card-new{border-left:3px solid #f87171}.direction-title-side{font-size:32px;font-weight:700;min-width:80px;display:flex;align-items:center;justify-content:center}.long-card-new .direction-title-side{background:linear-gradient(135deg,#4ade80,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.short-card-new .direction-title-side{background:linear-gradient(135deg,#f87171,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.direction-content{flex:1;display:flex;flex-direction:column;gap:12px}.metrics-labels-row,.metrics-values-row{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.label-cell{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.8px;font-weight:500}.value-cell{font-size:20px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}.value-cell.profit{color:#4ade80}.value-cell.loss{color:#f87171}.mobile-filter-wrapper,.mobile-metrics-table{display:none}@media (max-width: 767px){.statistics-page{grid-template-columns:1fr;gap:16px;padding:16px;height:auto}.filters-sidebar{display:none!important}.mobile-filter-wrapper{display:block;margin-bottom:16px}.mobile-filter-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border:none;cursor:pointer;font-size:16px;font-weight:600;color:var(--text-primary);background:linear-gradient(135deg,#ffffff14,#ffffff08),#0003;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:12px;transition:all .3s ease}.mobile-filter-toggle:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0f),#00000040}.filter-toggle-text{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.filter-toggle-icon{font-size:14px;transition:transform .3s ease;color:var(--color-primary)}.filter-toggle-icon.open{transform:rotate(180deg)}.mobile-filter-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);padding:0 18px}.mobile-filter-content.open{max-height:1000px;padding:16px 18px}.stats-content{padding:0;gap:16px;overflow-y:visible}.stats-header{flex-direction:column;align-items:flex-start;gap:12px}.stats-title{font-size:24px}.live-indicator{font-size:12px;padding:6px 12px}.top-metrics{grid-template-columns:1fr;gap:12px}.metric-card-new{height:70px;padding:12px}.metric-label{font-size:10px}.metric-value{font-size:22px}.direction-blocks{gap:12px}.direction-card-new{flex-direction:column;gap:16px;padding:16px}.direction-title-side{font-size:24px;min-width:auto;justify-content:flex-start}.metrics-labels-row,.metrics-values-row{display:none!important}.mobile-metrics-table{display:flex;flex-direction:column;gap:10px}.mobile-metric-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.mobile-metric-row:last-child{border-bottom:none}.mobile-metric-label{font-size:12px;color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.mobile-metric-value{font-size:16px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums;text-align:right}.mobile-metric-value.profit{color:#4ade80}.mobile-metric-value.loss{color:#f87171}}.error-message{color:var(--color-loss);font-size:18px;font-weight:600}.spot-page-container{height:100%;display:grid;grid-template-columns:280px 1fr;gap:24px;padding:24px;overflow:visible}.filters-sidebar{padding:24px 24px 0;overflow-y:auto;overflow-x:hidden;opacity:0;height:100%}.filters-sidebar::-webkit-scrollbar{width:6px}.filters-sidebar::-webkit-scrollbar-track{background:transparent}.filters-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border-radius:10px;opacity:.5}.filters-title{font-size:18px;font-weight:700;margin-bottom:16px}.filter-group{margin-bottom:20px}.filter-group:last-child{margin-bottom:0}.filter-label{display:block;font-size:11px;font-weight:600;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.filter-buttons-horizontal{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{padding:8px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center;flex-shrink:0}.filter-btn:hover{background:linear-gradient(135deg,#ffffff14,#ffffff08),#00000026;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);border-color:var(--color-primary)}.filter-btn.active{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));color:#fff;border-color:transparent}.filter-btn-reset{font-size:18px}.filter-select,.filter-input{width:100%;padding:8px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#ffffff14,#ffffff08),#00000026;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);color:var(--text-primary);font-size:15px;font-family:inherit;transition:all .3s ease}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ef00ff1f}.filter-select{cursor:pointer}.filter-input::placeholder{color:var(--text-secondary)}.spot-content{display:flex;flex-direction:column;gap:24px;overflow-y:auto;overflow-x:visible;padding:0 8px;height:100%}.stats-header{display:flex;justify-content:space-between;align-items:center;opacity:0}.stats-title{font-size:36px;font-weight:700}.live-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#ffffff14,#ffffff08),#00000026;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);border:1px solid rgba(255,255,255,.12);border-radius:20px;font-size:14px;font-weight:600}.live-dot{width:8px;height:8px;background:var(--color-profit);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.top-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;opacity:0}.metric-card-new{height:80px;padding:10px;display:flex;flex-direction:column;justify-content:space-between}.metric-label{font-size:11px;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:28px;font-weight:700;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}.metric-value.profit{background:linear-gradient(90deg,var(--color-profit),var(--color-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.metric-value.loss{background:linear-gradient(90deg,var(--color-loss),var(--color-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.portfolio-chart-container{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;opacity:0}.portfolio-section,.chart-section{padding:12px 24px 0;min-height:260px}.portfolio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.section-title{font-size:18px;font-weight:700;margin:0}.pie-chart-wrapper{display:flex;justify-content:center;align-items:center;margin-top:-12px;margin-bottom:-30px}.pie-chart{cursor:pointer}.display-mode-toggle{display:flex;gap:8px}.mode-btn{padding:4px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--text-primary);font-weight:600;font-size:13px;cursor:pointer;transition:all .3s ease}.mode-btn:hover{border-color:var(--color-primary)}.mode-btn.active{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));color:#fff;border-color:transparent}.balance-chart{width:100%;height:220px}.mobile-filter-wrapper{display:none}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 767px){.spot-page-container{grid-template-columns:1fr;gap:16px;padding:16px;height:auto}.filters-sidebar{display:none!important}.mobile-filter-wrapper{display:block;margin-bottom:16px}.mobile-filter-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border:none;cursor:pointer;font-size:16px;font-weight:600;color:var(--text-primary);background:linear-gradient(135deg,#ffffff14,#ffffff08),#0003;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:12px;transition:all .3s ease}.filter-toggle-text{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.filter-toggle-icon{font-size:14px;transition:transform .3s ease;color:var(--color-primary)}.filter-toggle-icon.open{transform:rotate(180deg)}.mobile-filter-content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);padding:0 18px}.mobile-filter-content.open{max-height:1000px;padding:16px 18px}.spot-content{padding:0;gap:16px;overflow-y:visible}.stats-header{flex-direction:column;align-items:flex-start;gap:12px}.stats-title{font-size:24px}.live-indicator{font-size:12px;padding:6px 12px}.top-metrics{grid-template-columns:1fr;gap:12px}.metric-card-new{height:70px;padding:12px}.metric-label{font-size:10px}.metric-value{font-size:22px}.portfolio-chart-container{grid-template-columns:1fr;gap:16px}.portfolio-section,.chart-section{padding:16px}.section-title{font-size:18px;margin:0}.portfolio-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.pie-chart-wrapper{margin-bottom:0}.display-mode-toggle{gap:8px;width:100%}.mode-btn{padding:6px 16px;font-size:14px;flex:1}.balance-chart{height:200px}}.spot-page,.commodities-page,.about-page{flex:1;padding:40px 20px;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 160px)}.coming-soon-container{max-width:600px;width:100%;padding:60px 40px;text-align:center;border-radius:24px}.icon-wrapper{margin-bottom:24px}.icon-large{font-size:80px;line-height:1;filter:drop-shadow(0 0 20px rgba(239,0,255,.3));animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.coming-soon-title{font-size:48px;font-weight:700;margin-bottom:16px;line-height:1.2}.coming-soon-label{font-size:24px;font-weight:600;color:var(--color-primary);margin-bottom:16px;text-transform:uppercase;letter-spacing:.1em}.coming-soon-description{font-size:18px;color:var(--text-secondary);line-height:1.6;max-width:400px;margin:0 auto}@media (max-width: 768px){.spot-page,.commodities-page,.about-page{padding:20px}.coming-soon-container{padding:40px 24px}.icon-large{font-size:60px}.coming-soon-title{font-size:36px}.coming-soon-label{font-size:20px}.coming-soon-description{font-size:16px}}.contact-page{height:100%;overflow-y:auto;overflow-x:hidden;padding:0}.contact-page::-webkit-scrollbar{width:6px}.contact-page::-webkit-scrollbar-track{background:transparent}.contact-page::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border-radius:10px;opacity:.5}.contact-page::-webkit-scrollbar-thumb:hover{opacity:1}.contact-content{max-width:1200px;margin:0 auto;padding:20px 24px}.contact-top-blocks{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.contact-form-wrapper{padding:20px;opacity:0}.form-title{font-size:18px;font-weight:700;margin-bottom:16px}.contact-form{display:flex;flex-direction:column;gap:14px}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.form-input,.form-textarea{width:100%;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#ffffff14,#ffffff08),radial-gradient(ellipse at top right,rgba(239,0,255,.06),transparent 60%),radial-gradient(ellipse at bottom left,rgba(0,141,255,.04),transparent 60%),#00000026;backdrop-filter:blur(60px) saturate(250%) brightness(1.15) contrast(1.05);-webkit-backdrop-filter:blur(60px) saturate(250%) brightness(1.15) contrast(1.05);color:var(--text-primary);font-size:16px;font-family:inherit;transition:all .3s ease;box-shadow:0 4px 16px #00000040,inset 0 1px 1px #ffffff26,inset 0 -1px 1px #00000014}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ef00ff1f,0 6px 20px #ef00ff33,inset 0 1px 1px #fff3}.form-textarea{resize:vertical;min-height:105px}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-secondary)}.submit-btn{width:100%;padding:10px 20px;font-size:14px}.contact-info-wrapper{display:flex;flex-direction:column;gap:24px}.faq-card{padding:16px;opacity:0}.info-title{font-size:18px;font-weight:700;margin-bottom:12px}.direct-contacts{height:80px;padding:16px 24px;display:flex;align-items:center;justify-content:center;opacity:0}.direct-contacts-links{display:flex;justify-content:center;align-items:center;gap:40px}.direct-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary);transition:all .3s ease;padding:6px 12px;border-radius:12px}.direct-link:hover{transform:translateY(-4px);background:linear-gradient(135deg,#ffffff14,#ffffff08);box-shadow:0 8px 24px #0000004d}.direct-icon{font-size:28px}.direct-icon.telegram-icon{width:28px;height:28px;fill:currentColor}.direct-label{font-size:16px;font-weight:600;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-item{padding-bottom:10px;border-bottom:1px solid var(--glass-border)}.faq-item:last-child{border-bottom:none;padding-bottom:0}.faq-question{font-size:14px;font-weight:600;margin-bottom:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.faq-answer{font-size:12px;color:var(--text-secondary);line-height:1.4}@media (max-width: 1024px){.contact-top-blocks{grid-template-columns:1fr}.direct-contacts-links{flex-direction:column;gap:24px}}@media (max-width: 768px){.contact-content,.contact-form-wrapper,.faq-card,.direct-contacts{padding:24px}.direct-contacts{height:auto}.direct-icon{font-size:28px}.direct-label{font-size:16px}}.form-message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;font-weight:500;animation:slideDown .3s ease}.success-message{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.legal-page{min-height:calc(100vh - 160px);max-height:calc(100vh - 160px);padding:40px 20px;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto}.legal-container{max-width:900px;width:100%;max-height:100%;padding:40px;overflow-y:auto;animation:liquidAppear .8s cubic-bezier(.34,1.56,.64,1)}.legal-title{font-size:42px;font-weight:700;margin-bottom:8px;text-align:center}.legal-updated{text-align:center;color:var(--text-secondary);font-size:14px;margin-bottom:40px;opacity:.7}.legal-section{margin-bottom:32px}.legal-section h2{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid rgba(239,0,255,.2)}.legal-section p{font-size:16px;line-height:1.8;color:var(--text-secondary);margin-bottom:12px}.legal-list{list-style:none;padding-left:0}.legal-list li{font-size:16px;line-height:1.8;color:var(--text-secondary);margin-bottom:12px;padding-left:24px;position:relative}.legal-list li:before{content:"→";position:absolute;left:0;color:var(--color-primary);font-weight:600}.legal-warning{background:#ef44441a;border-left:4px solid rgba(239,68,68,.8);padding:16px;margin:16px 0;border-radius:8px}.legal-warning strong{color:#ef4444;font-size:15px;line-height:1.6}@media (max-width: 768px){.legal-container{padding:24px 20px}.legal-title{font-size:32px}.legal-section h2{font-size:20px}.legal-section p,.legal-list li{font-size:14px}}@keyframes liquidAppear{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.legal-page::-webkit-scrollbar,.legal-container::-webkit-scrollbar{width:8px}.legal-page::-webkit-scrollbar-track,.legal-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.legal-page::-webkit-scrollbar-thumb,.legal-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ef00ff,#00d4ff);border-radius:10px}.legal-page::-webkit-scrollbar-thumb:hover,.legal-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ff00ea,#00e4ff)}.space-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.space-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;z-index:-2}.gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(ellipse at top left,rgba(239,0,255,.3) 0%,transparent 50%),radial-gradient(ellipse at top right,rgba(0,141,255,.25) 0%,transparent 50%),radial-gradient(ellipse at bottom left,rgba(0,123,255,.2) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(139,0,255,.25) 0%,transparent 50%),linear-gradient(180deg,#0a0a0f,#0f0f1e 20%,#1a1a2e,#16162d 80%,#0a0a0f);animation:gradientShift 20s ease-in-out infinite}@keyframes gradientShift{0%,to{opacity:1}50%{opacity:.9}}.kill-background{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:-1}:root{--color-primary: #ef00ff;--color-secondary: #008dff;--color-profit: #00ff88;--color-loss: #ff3366;--bg-primary: #000000;--bg-secondary: #1c1c1e;--text-primary: #f5f5f7;--text-secondary: #8e8e93;--glass-bg: rgba(0, 0, 0, .08);--glass-border: rgba(255, 255, 255, .08);--shadow-color: rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background .3s ease,color .3s ease;position:relative;overflow:hidden}#root{height:100%}.app{height:100%;display:flex;flex-direction:column;position:relative;z-index:1}.main-content{flex:1;overflow:hidden;margin-top:80px;margin-bottom:60px;position:relative;z-index:1}@media (max-width: 767px){html,body{overflow-x:hidden}body{overflow:visible}.main-content{overflow-y:auto;overflow-x:hidden}}.glass{background:linear-gradient(135deg,#ffffff14,#ffffff08),radial-gradient(ellipse at top right,rgba(239,0,255,.06),transparent 60%),radial-gradient(ellipse at bottom left,rgba(0,141,255,.04),transparent 60%),#00000026;backdrop-filter:blur(60px) saturate(250%) brightness(1.15) contrast(1.05);-webkit-backdrop-filter:blur(60px) saturate(250%) brightness(1.15) contrast(1.05);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,0 4px 16px #0003,inset 0 1px 2px #fff3,inset 0 -1px 2px #0000001a}.glass-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d),radial-gradient(ellipse at top right,rgba(239,0,255,.12),transparent 60%),radial-gradient(ellipse at bottom left,rgba(0,141,255,.1),transparent 60%),#1e232d80;backdrop-filter:blur(40px) saturate(200%) brightness(1.15);-webkit-backdrop-filter:blur(40px) saturate(200%) brightness(1.15);border:1px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 4px 16px #00000026,inset 0 1px 2px #ffffff26,inset 0 -1px 2px #00000014;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff0f,#ffffff05,#fff0);pointer-events:none;border-radius:16px 16px 0 0}.glass-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(0deg,#0000000f,#00000005,#0000);pointer-events:none;border-radius:0 0 16px 16px}.glass-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 16px 48px #0000004d,0 8px 24px #0003,inset 0 2px 3px #fff3,inset 0 -2px 3px #0000001a,0 0 0 1.5px var(--color-primary),0 0 40px #ef00ff33,0 0 80px #ef00ff1a}.gradient-bg{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%)}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-animated{background:linear-gradient(-45deg,var(--color-primary),var(--color-secondary),var(--color-primary),var(--color-secondary));background-size:400% 400%;animation:gradient-shift 15s ease infinite}.gradient-text{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.smooth-transition{transition:all .4s cubic-bezier(.4,0,.2,1)}.btn{padding:12px 28px;border-radius:16px;border:none;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:16px;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#fff3,#fff0);pointer-events:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;box-shadow:0 8px 24px #ef00ff4d,0 4px 12px #008dff33,inset 0 1px #ffffff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ef00ff66,0 6px 16px #008dff4d,inset 0 1px #fff6}.btn-glass{background:linear-gradient(135deg,#ffffff14,#ffffff08),radial-gradient(ellipse at top right,rgba(239,0,255,.06),transparent 60%),radial-gradient(ellipse at bottom left,rgba(0,141,255,.04),transparent 60%),#00000026;backdrop-filter:blur(60px) saturate(250%) brightness(1.15) contrast(1.05);-webkit-backdrop-filter:blur(60px) saturate(250%) brightness(1.15) contrast(1.05);border:1.5px solid rgba(255,255,255,.12);color:var(--text-primary);box-shadow:0 8px 32px #0000004d,0 4px 16px #0003,inset 0 1px 2px #fff3,inset 0 -1px 2px #0000001a,0 0 0 1px #ffffff14;position:relative;overflow:hidden}.btn-glass:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 12px 40px #00000059,0 6px 20px #00000040,inset 0 2px 3px #ffffff40,inset 0 -2px 3px #0000001f,0 0 0 1.5px var(--color-primary),0 0 40px #ef00ff40,0 0 80px #ef00ff1f}.container{max-width:1400px;margin:0 auto;padding:0 24px}.text-secondary{color:var(--text-secondary)}@keyframes liquid-appear{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.liquid-appear{animation:liquid-appear .6s cubic-bezier(.4,0,.2,1) forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-secondary),var(--color-primary))}@media (max-width: 768px){.glass-card{padding:20px;border-radius:16px}.container{padding:0 16px}}