@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;font-family:Open Sans,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box}body{background-color:#000;color:#d1d4dc;font-family:Open Sans,Google Sans,sans-serif;font-size:12px;margin:0}.app{display:flex;flex-direction:column;height:100vh}.main-content{display:flex;flex-grow:1;justify-content:flex-end;padding:20px}.trade-layout-grid{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:1fr 320px 320px;height:85vh;width:100%}.chart-container{border:1px solid #2a2e39;border-radius:8px;display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden}.app-header{align-items:center;background-color:#000;border-bottom:1px solid #2a2e39;display:flex;justify-content:space-between;padding:10px 20px}.logo-link{color:inherit;text-decoration:none}.logo{font-family:Orbitron,sans-serif;font-size:24px;font-weight:700}.nav-links{margin-left:40px}.nav-links a{color:#d1d4dc;font-size:16px;margin:0 15px;padding:5px 0;position:relative;text-decoration:none}.nav-links .active,.nav-links a:hover{color:#2ebd85}.nav-links .active:after{background-color:#2ebd85;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100%}.connect-wallet-btn{background-color:initial;border:1px solid #2ebd85;border-radius:4px;color:#2ebd85;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease-in-out}.connect-wallet-btn:hover{background-color:#5a5ac8}.user-profile{cursor:pointer;gap:15px;position:relative}.user-info,.user-profile{align-items:center;display:flex}.user-info{flex-direction:row;gap:8px}.user-nickname{color:#d1d4dc;font-size:18px;font-weight:600}.header-account-indicator{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#2ebd8526,#2ebd8514 50%,#2ebd851f);border:1.5px solid #2ebd854d;border-radius:16px;box-shadow:0 4px 12px #2ebd851a,inset 0 1px 0 #ffffff1a;display:flex;gap:12px;overflow:hidden;padding:10px 14px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.header-account-indicator:before{background:linear-gradient(90deg,#0000,#2ebd8526,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.header-account-indicator:hover{background:linear-gradient(145deg,#2ebd8538,#2ebd851f 50%,#2ebd852e);border-color:#2ebd8580;box-shadow:0 8px 20px #2ebd8533,inset 0 1px 0 #ffffff26;transform:translateY(-1px)}.header-account-indicator:hover:before{left:100%}.header-account-icon{filter:drop-shadow(0 0 8px rgba(46,189,133,.3));font-size:18px;line-height:1;position:relative;z-index:1}.header-account-info{align-items:flex-start;display:flex;flex-direction:column;gap:2px;position:relative;z-index:1}.header-account-name{color:#2ebd85;font-size:12px;font-weight:600;letter-spacing:.3px;line-height:1;max-width:120px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 10px #2ebd854d;white-space:nowrap}.header-account-balance{color:#fff;font-size:11px;font-weight:500;letter-spacing:.2px;line-height:1;opacity:.9}.user-avatar{border:2px solid #4a4a7c;border-radius:50%;height:40px;transition:all .2s ease;width:40px}.user-profile:hover .user-avatar{border-color:#2ebd85;box-shadow:0 0 0 2px #2ebd8533}.profile-dropdown{background-color:#1a1a36;border-radius:8px;box-shadow:0 4px 15px #0003;overflow:hidden;position:absolute;right:0;top:55px;width:160px;z-index:1000}.dropdown-item{color:#fff;display:block;font-size:.9rem;padding:12px 20px;text-decoration:none}.dropdown-item:hover{background-color:#2a2a50}@media (max-width:768px){.user-info{gap:6px}.user-nickname{font-size:16px}.header-account-indicator{border-radius:14px;gap:10px;padding:8px 12px}.header-account-icon{font-size:16px}.header-account-name{font-size:11px;max-width:100px}.header-account-balance{font-size:10px}.user-avatar{height:36px;width:36px}}@media (max-width:480px){.user-profile{gap:8px}.user-info{gap:4px}.user-nickname{font-size:14px}.header-account-indicator{border-radius:12px;gap:8px;padding:6px 10px}.header-account-icon{font-size:14px}.header-account-name{font-size:10px;letter-spacing:.2px;max-width:80px}.header-account-balance{font-size:9px}.user-avatar{height:32px;width:32px}}.auth-modal-backdrop{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.auth-modal-content{background:#1c1c1e;border:1px solid #333;border-radius:20px;box-shadow:0 10px 30px #00000080;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;max-width:420px;padding:30px;position:relative;width:90%}.auth-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.auth-modal-header h2{font-size:24px;font-weight:600;margin:0}.auth-modal-close-btn{background:#0000;border:none;color:#8a8a8e;cursor:pointer;font-size:28px;line-height:1;padding:0}.auth-modal-body .auth-option-btn{align-items:center;background-color:#2c2c2e;border:1px solid #3a3a3c;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:17px;font-weight:500;margin-bottom:15px;padding:15px;text-align:left;transition:background-color .2s,border-color .2s;width:100%}.auth-modal-body .auth-option-btn:hover{background-color:#3a3a3c;border-color:#555}.auth-modal-body .auth-option-btn:last-child{margin-bottom:0}.auth-option-btn-icon{height:24px;margin-right:15px;width:24px}.auth-modal-footer{color:#8a8a8e;font-size:14px;margin-top:20px;text-align:center}.auth-modal-footer a{color:#0a84ff;text-decoration:none}.auth-modal-footer a:hover{text-decoration:underline}.market-selector-container{background-color:#10131a;border-right:1px solid #2a2e39;color:#fff;display:flex;font-family:Open Sans,sans-serif;height:100%;position:relative;width:auto}.market-selector-header{align-items:stretch;background-color:#10131a;display:flex;height:100%;padding:0 15px}.market-identity{align-items:center;cursor:pointer;display:flex;height:100%;padding-right:20px}.market-metrics{align-items:center;display:flex;flex-grow:1;gap:20px;padding-left:15px}.metric-item{align-items:flex-start;display:flex;flex-direction:column;padding:10px 0}.metric-label{color:#888;font-size:11px;margin-top:4px}.metric-value{align-items:center;color:#fff;display:flex;font-size:13px;font-weight:500}.green,.metric-value.green{color:#2ebd85}.metric-value.red,.red{color:#f6465d}.countdown{color:#888;margin-left:5px}.bid-ask-ratio-bar{background-color:#f6465d4d;border-radius:3px;height:6px;margin:0 8px;overflow:hidden;width:80px}.bid-ratio-fill{background-color:#2ebd85;height:100%}.hamburger-icon{cursor:pointer;display:flex;flex-direction:column;height:14px;justify-content:space-between;margin-right:15px;width:18px}.hamburger-icon div{background-color:#d1d4dc;height:2px;width:100%}.market-logo{height:24px;margin-right:10px;width:24px}.market-name{color:#fff;font-size:18px;font-weight:600}.market-dropdown{background-color:#1e222d;border:1px solid #2a2e39;border-radius:4px;color:#fff;left:0;position:absolute;top:calc(100% + 1px);width:400px;z-index:1000}.search-bar{border-bottom:1px solid #2a2e39;padding:15px}.search-bar input{background-color:#131722;border:1px solid #2a2e39;border-radius:4px;box-sizing:border-box;color:#fff;font-size:14px;padding:10px 15px;width:100%}.search-bar input::placeholder{color:#888}.market-tabs{border-bottom:1px solid #2a2e39;display:flex;padding:10px 15px}.market-tabs span{color:#888;cursor:pointer;font-size:14px;margin-right:20px;padding:8px 0;transition:color .2s ease}.market-tabs span:hover{color:#fff}.market-tabs span.active{border-bottom:2px solid #f0b90b;color:#f0b90b}.market-list{max-height:300px;overflow-y:auto}.market-section-header{color:#888;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 15px 8px;text-transform:uppercase}.market-section-divider{background-color:#2a2e39;height:1px;margin:8px 0}.market-item{cursor:pointer;justify-content:space-between;padding:12px 15px;transition:background-color .2s ease}.market-item,.market-item-left{align-items:center;display:flex}.market-item-left{gap:12px}.market-item-name{color:#fff;font-size:14px;font-weight:500}.market-full-name{color:#8b949e;font-size:14px}.market-item:hover{background-color:#2a2e39}.market-name-dropdown{flex:1 1;font-size:16px;margin-left:10px}.market-type-badge{background-color:#2a2e39;border-radius:12px;color:#888;font-size:10px;font-weight:500;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.market-type-badge.crypto{background-color:#2ebd851a;color:#2ebd85}.market-type-badge.stock{background-color:#f0b90b1a;color:#f0b90b}.no-results{color:#888;font-size:14px;font-style:italic;padding:20px 15px;text-align:center}.orderbook-panel{background:#000;border:1px solid #2a2e39;border-radius:8px;display:flex;flex-direction:column;font-size:.8rem;height:100%;min-width:0;overflow:hidden}.mini-header{border-bottom:1px solid #2a2e39;position:relative}.connection-status,.mini-header{align-items:center;background:#000;display:flex;flex-shrink:0}.connection-status{border-top:1px solid #2a2e39;color:#848e9c;font-size:.7rem;gap:5px;padding:8px 10px}.status-indicator{font-size:.6rem;line-height:1}.status-indicator.connected{color:#2ebd85}.status-indicator.disconnected{color:#ff5252}.status-text{white-space:nowrap}.mini-header button{background:none;border:none;color:#d1d4dc;cursor:pointer;flex:1 1;font-size:.9rem;outline:none;padding:.5em 0;transition:background .2s,color .2s}.mini-header button.active{background:#000;border-bottom:2px solid #2ebd85;color:#2ebd85;font-weight:700}.mini-header button:not(.active):hover{background:#2a2e39}.buys,.sells{display:flex;flex:1 1;flex-direction:column;min-height:0}.buys ul,.sells ul{flex-grow:1;list-style:none;margin:0;overflow-y:auto;padding:0}.buys li,.sells li{margin:2px 0;overflow:hidden;padding:2px 10px;position:relative}.sells .bg-bar{background-color:#ff525233}.buys .bg-bar{background-color:#2ebd8533}.bg-bar{height:100%;left:0;position:absolute;top:0;transition:width .3s ease;z-index:1}.buys .table-header,.sells .table-header{border-bottom:1px solid #2a2e39;color:#d1d4dc80;display:flex;flex-shrink:0;font-weight:700;padding:5px 10px}.data-row{display:flex;position:relative;z-index:2}.buys .table-header span,.data-row span,.sells .table-header span{text-align:right}.buys .table-header span:first-child,.data-row span:first-child,.sells .table-header span:first-child{text-align:left;width:40%}.buys .table-header span:nth-child(2),.buys .table-header span:nth-child(3),.data-row span:nth-child(2),.data-row span:nth-child(3),.sells .table-header span:nth-child(2),.sells .table-header span:nth-child(3){width:30%}.price{z-index:2}.sells .price{color:#ff5252}.buys .price{color:#2ebd85}.amount,.spread,.value{color:#848e9c}.spread{border-bottom:1px solid #2a2e39;border-top:1px solid #2a2e39;display:flex;font-size:.8rem;justify-content:space-between;padding:5px 10px;text-align:right}.spread-label{text-align:left;width:40%}.spread-percentage,.spread-value{color:#fff;width:30%}.trades-list{display:flex;flex-direction:column;height:100%}.trades-list .table-header{border-bottom:1px solid #2a2e39;color:#d1d4dc80;display:flex;font-weight:700;padding:5px 10px}.trades-list ul{flex-grow:1;overflow-y:auto;padding:0 10px}.trades-list li{display:flex;padding:3px 0}.trade-buy .trade-arrow,.trade-buy .trade-price{color:#2ebd85}.trade-sell .trade-arrow,.trade-sell .trade-price{color:#ff5252}.trade-arrow,.trade-price,.trade-size,.trade-time{padding:0 5px;text-align:right;white-space:nowrap}.trade-price{flex:2 1;text-align:left}.trade-arrow{display:inline-block;font-size:1.2em;font-weight:700;vertical-align:middle}.trade-size,.trade-time{flex:1.5 1}.loading-state{align-items:center;color:#848e9c;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px 20px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #2a2e39;border-radius:50%;border-top-color:#2ebd85;height:30px;margin-bottom:15px;width:30px}.loading-state p{color:#d1d4dc;font-size:.9rem;margin:0 0 5px}.loading-state small{color:#848e9c;font-size:.7rem}.no-trades{align-items:center;color:#848e9c;display:flex;font-style:italic;justify-content:center;padding:20px}ul::-webkit-scrollbar{width:5px}ul::-webkit-scrollbar-track{background:#000}ul::-webkit-scrollbar-thumb{background:#45484f;border-radius:2px}.trade-form-panel{background:#000;border:1px solid #2a2e39;border-radius:8px;display:flex;flex-direction:column;height:100%;padding:10px}.order-type-tabs{display:flex;margin-bottom:10px}.order-type-tabs button{background:none;border:none;border-bottom:2px solid #0000;color:#848e9c;cursor:pointer;flex:1 1;font-size:14px;padding:8px}.order-type-tabs button.active{border-bottom:2px solid #2ebd85;color:#fff;font-weight:600}.direction-leverage-tabs{align-items:center;display:flex;gap:10px;margin-bottom:15px}.direction-tabs{display:flex;flex-grow:1}.leverage-btn{border:1px solid #2ebd85;border-radius:4px;color:#2ebd85;font-weight:600;padding:10px 15px}.direction-tabs button,.leverage-btn{background-color:#1a1c20;cursor:pointer;font-size:14px}.direction-tabs button{border:1px solid #45484f;color:#fff;flex:1 1;padding:10px}.direction-tabs .buy-btn{border-radius:4px 0 0 4px}.direction-tabs .sell-btn{border-radius:0 4px 4px 0}.direction-tabs .buy-btn.active{background-color:#2ebd85;border-color:#2ebd85}.direction-tabs .sell-btn.active{background-color:#f6465d;border-color:#f6465d}.form-body{display:flex;flex-direction:column;gap:12px}.form-row{color:#848e9c;font-size:12px;justify-content:space-between}.amount-input-wrapper,.form-row,.input-row{align-items:center;display:flex}.amount-input-wrapper{background-color:#1a1c20;border:1px solid #45484f;border-radius:4px;padding:0 8px;transition:border-color .2s;width:65%}.amount-input-wrapper:focus-within{border-color:#2ebd85}.amount-input-wrapper input{background:none;border:none;color:#fff;flex-grow:1;outline:none;padding:8px 0;text-align:left;width:100%}.amount-input-wrapper .input-adornment{color:#848e9c;padding-left:0;transition:color .2s;white-space:nowrap}.amount-input-wrapper:focus-within .input-adornment{color:#2ebd85}.amount-input-wrapper .currency{color:#848e9c}.slider-row{align-items:center;gap:10px}.slider-input{min-width:0;padding:0 8px;width:20%}.slider-percentage-input{-moz-appearance:textfield;padding:8px 4px!important;text-align:right!important;width:100%}.slider-percentage-input::-webkit-inner-spin-button,.slider-percentage-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.slider-container{align-items:center;display:flex;flex-grow:1;position:relative}.leverage-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(to right,#2ebd85 var(--slider-progress),#45484f var(--slider-progress));height:2px;margin:0;outline:none;padding:0;position:relative;width:100%;z-index:2}.leverage-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#000;border:3px solid #2ebd85;border-radius:50%;cursor:pointer;height:16px;width:16px}.slider-ticks{display:flex;justify-content:space-between;left:0;pointer-events:none;position:absolute;right:0;top:50%;z-index:1}.slider-ticks span{background-color:#000;border:1px solid #45484f;border-radius:50%;display:block;height:10px;transform:translateY(-50%);width:10px}.slider-marker{background:#1a1c20;border:1px solid #848e9c;height:8px;left:60%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.custom-dropdown-container{position:relative}.custom-dropdown-header{align-items:center;background-color:#1a1c20;border:1px solid #45484f;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding:10px}.arrow-down-icon:after{color:#848e9c;content:"▼";display:inline-block;font-size:10px;transform:scaleY(.8);transition:transform .2s}.arrow-down-icon.open:after{transform:scaleY(.8) rotate(180deg)}.custom-dropdown-list{background-color:#1a1c20;border:1px solid #45484f;border-radius:4px;left:0;list-style:none;margin-top:5px;padding:5px;position:absolute;right:0;top:100%;z-index:10}.custom-dropdown-list li{align-items:center;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:10px;padding:10px}.custom-dropdown-list li:hover{background-color:#2a2e39}.custom-dropdown-list li.active{background-color:#2ebd85}.checkmark-icon{visibility:hidden}.custom-dropdown-list li.active .checkmark-icon{visibility:visible}.checkbox-row{gap:20px;justify-content:flex-start}.custom-checkbox{align-items:center;cursor:pointer;display:flex;gap:8px}.custom-checkbox input[type=checkbox]{display:none}.custom-checkbox .checkmark{border:1px solid #45484f;border-radius:4px;display:inline-block;height:16px;position:relative;width:16px}.custom-checkbox input:checked+.checkmark{background-color:#2ebd85;border-color:#2ebd85}.custom-checkbox input:checked+.checkmark:after{color:#000;content:"✓";font-size:14px;left:2px;position:absolute;top:-2px}.info-row{border-top:1px dashed #2a2e39;padding-top:12px}.input-row input{padding:0;width:auto}.connect-wallet-form-btn{background-color:#1a1c20;border:1px solid #2ebd85;border-radius:4px;color:#2ebd85;cursor:pointer;font-size:16px;font-weight:600;margin-top:5px;padding:12px;width:100%}.modal-backdrop{background-color:#000000b3;height:100%;width:100%}.modal-content{background-color:#1a1c20;border:1px solid #2a2e39;border-radius:8px;box-shadow:0 5px 15px #00000080;padding:20px;width:400px}.modal-header{border-bottom:1px solid #2a2e39;margin-bottom:15px;padding-bottom:10px}.modal-header h2{font-size:18px;margin:0}.close-button{background:none;border:none;color:#848e9c;cursor:pointer;font-size:24px}.modal-body p{font-size:14px;line-height:1.5;margin:0 0 15px}.warning-text{color:#f6465d;font-weight:500}.leverage-slider-container{align-items:center;display:flex;gap:15px;margin-top:20px}.leverage-modal-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(to right,#2ebd85 var(--slider-progress),#45484f var(--slider-progress));height:4px;margin:0;outline:none;padding:0;width:100%}.leverage-modal-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#1a1c20;border:4px solid #2ebd85;border-radius:50%;cursor:pointer;height:20px;width:20px}.leverage-display-box{background-color:#0d0e10;border:1px solid #45484f;border-radius:4px;font-weight:500;padding:8px 12px;text-align:center}.change-leverage-btn{background-color:#2ebd85;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:25px;padding:12px;transition:background-color .2s;width:100%}.change-leverage-btn:hover{background-color:#25a071}@keyframes portfolio-background-flow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes stat-glow{0%,to{box-shadow:0 0 20px #2ebd8533}50%{box-shadow:0 0 40px #2ebd8566}}@keyframes value-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes tab-activate{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes position-hover{0%{transform:translateX(0)}to{transform:translateX(8px)}}.portfolio-page{animation:portfolio-background-flow 20s ease infinite;background:linear-gradient(-45deg,#0c0c1e,#161b22 25%,#1a1a36 50%,#0d1117 75%,#0c0c1e);background-size:400% 400%;color:#c9d1d9;min-height:100vh;padding:70px 24px 40px;position:relative;width:100%}.portfolio-page:before{background:radial-gradient(circle at 25% 25%,#2ebd851a 0,#0000 50%),radial-gradient(circle at 75% 75%,#6c63ff14 0,#0000 50%),radial-gradient(circle at 50% 50%,#ffffff05 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.auth-required,.empty-portfolio,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;position:relative;text-align:center;z-index:1}.loading-container{color:#8b949e}.auth-required h2,.empty-portfolio h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#c9d1d9);background-clip:text;-webkit-background-clip:text;color:#fff;font-size:28px;font-weight:700;margin-bottom:16px}.auth-required p,.empty-portfolio p{color:#8b949e;font-size:16px;font-weight:500;margin-bottom:24px}.empty-portfolio .empty-icon{-webkit-text-fill-color:#0000;animation:stat-glow 3s ease-in-out infinite;background:linear-gradient(135deg,#2ebd85,#24a76a);background-clip:text;-webkit-background-clip:text;font-size:80px;margin-bottom:24px}.portfolio-header{gap:24px;justify-content:space-between;margin-bottom:48px;position:relative;z-index:1}.header-left,.portfolio-header{align-items:center;display:flex}.header-left{flex:1 1;gap:32px}.portfolio-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#c9d1d9 50%,#8b949e);background-clip:text;-webkit-background-clip:text;color:#fff;font-size:3rem;font-weight:800;margin:0;position:relative;text-shadow:0 0 30px #ffffff1a}.portfolio-header h1:after{background:linear-gradient(90deg,#2ebd85,#0000);border-radius:1px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.search-container{flex:1 1;max-width:420px;position:relative}.search-input{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-sizing:border-box;color:#c9d1d9;font-size:15px;outline:none;padding:16px 24px 16px 52px;width:100%}.search-container:before{content:"🔍";font-size:16px;left:18px;opacity:.6;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.create-account-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#2ebd851a,#2ebd8533);border:1.5px solid #2ebd854d;border-radius:4px;color:#2ebd85;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:16px 28px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap}.create-account-btn:before{background:linear-gradient(90deg,#0000,#2ebd851a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.create-account-btn:hover{background:linear-gradient(135deg,#2ebd85,#24a76a);border-color:#2ebd85;box-shadow:0 8px 25px #2ebd8566,inset 0 1px 0 #fff3;color:#fff;transform:translateY(-2px) scale(1.02)}.create-account-btn:hover:before{left:100%}.subaccount-selector{background:#0000;display:flex;gap:20px;margin-bottom:48px;overflow-x:auto;padding:12px 24px 20px;position:relative;z-index:1}.subaccount-tab{animation:card-float-in .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#1a1a36e6,#161b22f2 50%,#0d1117e6);border:1px solid #ffffff1a;border-radius:4px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffff1a;color:#c9d1d9;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:80px;min-width:240px;overflow:hidden;padding:24px 28px;position:relative;text-align:left;transition:all .4s cubic-bezier(.16,1,.3,1)}.subaccount-tab:before{background:linear-gradient(90deg,#0000,#ffffff08,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.subaccount-tab:hover{border-color:#2ebd854d;box-shadow:0 16px 40px #0006,0 0 30px #2ebd8533,0 0 0 1px #2ebd851a,inset 0 1px 0 #ffffff26;transform:translateY(-4px) scale(1.02)}.subaccount-tab:hover:before{left:100%}.subaccount-tab.active{animation:tab-activate .3s ease-out;background:linear-gradient(145deg,#2ebd8526,#1a1a36e6 30%,#161b22f2 70%,#0d1117e6);border-color:#2ebd8580;box-shadow:0 20px 50px #00000080,0 0 40px #2ebd854d,0 0 0 2px #2ebd8533,inset 0 1px 0 #fff3;transform:translateY(-6px) scale(1.03)}.subaccount-name{color:#fff;font-size:18px;font-weight:700;line-height:1.2;margin-bottom:8px;text-shadow:0 0 10px #fff3}.subaccount-value{color:#8b949e;font-size:15px;font-weight:600}.subaccount-tab.active .subaccount-value{color:#2ebd85}.portfolio-content{animation:card-float-in .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#1a1a36e6,#161b22f2 50%,#0d1117e6);border:1px solid #ffffff1a;border-radius:4px;box-shadow:0 25px 50px #0006,0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffff1a;overflow:hidden;position:relative;z-index:1}.portfolio-content:before{animation:shimmer-sweep 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff05,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.account-info{background:linear-gradient(145deg,#161b22cc,#1a1a3699);border-bottom:1px solid #ffffff1a;padding:32px;position:relative;z-index:2}.account-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.account-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#c9d1d9);background-clip:text;-webkit-background-clip:text;color:#fff;font-size:28px;font-weight:800;margin:0}.account-id{color:#8b949e;font-family:SF Mono,Monaco,monospace;font-size:12px;font-weight:500}.account-network{color:#2ebd85;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.content-tabs{background:#0d111799;border-bottom:1px solid #ffffff1a;display:flex;position:relative;z-index:2}.tab-button{background:#0000;border:none;border-bottom:3px solid #0000;color:#8b949e;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:20px 32px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.16,1,.3,1)}.tab-button:before{background:linear-gradient(90deg,#0000,#2ebd850d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.tab-button:hover{background:#161b2299;color:#c9d1d9;transform:translateY(-1px)}.tab-button:hover:before{left:100%}.tab-button.active{animation:tab-activate .3s ease-out;background:#0000;border-bottom-color:#2ebd85;color:#2ebd85}.tab-content{background:#0000;min-height:400px;padding:32px;position:relative;z-index:2}.overview-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stat-card{animation:card-float-in .6s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#161b22cc,#1a1a3699);border:1px solid #ffffff1a;border-radius:4px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffff1a;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.stat-card:before{background:linear-gradient(90deg,#0000,#ffffff08,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.stat-card:hover{border-color:#2ebd8533;box-shadow:0 16px 40px #0006,0 0 30px #2ebd8526,0 0 0 1px #2ebd851a,inset 0 1px 0 #ffffff26;transform:translateY(-6px) scale(1.02)}.stat-card:hover:before{left:100%}.stat-card:hover .stat-value{animation:value-pulse 1.5s ease-in-out infinite}.stat-label{color:#8b949e;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-value{color:#fff;font-size:24px;font-weight:800;margin-bottom:8px;text-shadow:0 0 10px #fff3;transition:all .3s ease}.stat-change{display:inline-block;font-size:14px;font-weight:600}.stat-change.positive{color:#2ebd85}.stat-change.negative{color:#f85149}.stat-change.neutral{color:#8b949e}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 40px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.6}.empty-state h3{color:#c9d1d9;font-size:20px;font-weight:700;margin-bottom:8px}.empty-state p{color:#8b949e;font-size:16px;line-height:1.5;max-width:400px}.positions-list{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#161b2299,#0d1117cc);border:1px solid #ffffff1a;border-radius:4px;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffff1a;overflow:hidden;padding:0}.positions-list-header{background:#0d1117cc;border-bottom:1px solid #ffffff1a;color:#8b949e;font-size:13px;font-weight:700;letter-spacing:.8px;padding:20px 24px;text-transform:uppercase}.position-item,.positions-list-header{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1fr}.position-item{border-bottom:1px solid #ffffff0d;cursor:pointer;padding:16px 24px;transition:all .2s ease}.position-item:hover{background:#2ebd850d;border-color:#2ebd851a}.position-item:last-child{border-bottom:none}.position-item:nth-child(2n){background:#ffffff03}.position-item:nth-child(2n):hover{background:#2ebd850f}.position-symbol{color:#fff;font-size:15px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.position-avg-price,.position-current-price,.position-market-value,.position-size{color:#c9d1d9;font-family:SF Mono,Monaco,Roboto Mono,monospace;font-size:14px;font-weight:600;text-align:right}.position-pnl{font-family:SF Mono,Monaco,Roboto Mono,monospace;font-size:14px;font-weight:700;text-align:right}.position-pnl.positive{color:#2ebd85}.position-pnl.negative{color:#f85149}.order-status.pending{color:#ffc107;font-weight:600}.order-status.filled{font-weight:600}.order-status.cancelled{color:#f85149;font-weight:600}.history-list{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#161b2299,#0d1117cc);border:1px solid #ffffff1a;border-radius:4px;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffff1a;overflow:hidden;padding:0}.history-list-header{background:#0d1117cc;border-bottom:1px solid #ffffff1a;color:#8b949e;font-size:13px;font-weight:700;letter-spacing:.8px;padding:20px 24px;text-transform:uppercase}.history-list-header,.trade-item{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:2fr 1fr 1.5fr 1.5fr}.trade-item{border-bottom:1px solid #ffffff0d;cursor:pointer;padding:16px 24px;transition:all .2s ease}.trade-item:hover{background:#2ebd850d;border-color:#2ebd851a}.trade-item:last-child{border-bottom:none}.trade-item:nth-child(2n){background:#ffffff03}.trade-item:nth-child(2n):hover{background:#2ebd850f}.trade-symbol{color:#fff;font-size:15px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.trade-side{font-size:13px;font-weight:600;letter-spacing:.5px;text-align:center;text-transform:uppercase;transition:color .2s ease}.trade-side:contains("BUY"),.trade-side:contains("buy"),.trade-side[data-side=buy]{color:#2ebd85}.trade-side:contains("SELL"),.trade-side:contains("sell"),.trade-side[data-side=sell]{color:#f85149}.trade-price{color:#c9d1d9;font-size:14px;font-weight:600}.trade-price,.trade-time{font-family:SF Mono,Monaco,Roboto Mono,monospace;text-align:right}.trade-time{color:#8b949e;font-size:13px;font-weight:500}.orders-content{display:flex;flex-direction:column;gap:20px}.orders-header-section{align-items:center;display:flex;justify-content:space-between;padding:0 4px}.orders-header-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#c9d1d9);background-clip:text;-webkit-background-clip:text;color:#fff;font-size:18px;font-weight:700;margin:0}.refresh-orders-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2ebd851a,#2ebd850d);border:1px solid #2ebd854d;border-radius:4px;color:#2ebd85;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s cubic-bezier(.16,1,.3,1)}.refresh-orders-btn:hover:not(:disabled){background:linear-gradient(135deg,#2ebd8533,#2ebd851a);border-color:#2ebd8580;box-shadow:0 4px 12px #2ebd8533;transform:translateY(-1px)}.refresh-orders-btn:disabled{cursor:not-allowed;opacity:.5}.orders-list{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#161b2299,#0d1117cc);border:1px solid #ffffff1a;border-radius:4px;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffff1a;overflow:hidden;padding:0}.orders-list-header{background:#0d1117cc;border-bottom:1px solid #ffffff1a;color:#8b949e;font-size:13px;font-weight:700;letter-spacing:.8px;padding:20px 24px;text-transform:uppercase}.order-item,.orders-list-header{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:1.2fr 1fr 1fr 1fr 1.2fr .8fr 1fr}.order-item{border-bottom:1px solid #ffffff0d;padding:16px 24px;transition:all .2s ease}.order-item:hover{background:#2ebd850d;border-color:#2ebd851a}.order-item:last-child{border-bottom:none}.order-item:nth-child(2n){background:#ffffff03}.order-item:nth-child(2n):hover{background:#2ebd850f}.order-symbol{color:#fff;font-size:15px}.order-side,.order-symbol{font-weight:700;letter-spacing:.3px;text-transform:uppercase}.order-side{border-radius:3px;display:inline-block;font-size:11px;padding:3px 8px;text-align:center;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.order-side.buy{background:#2ebd851a;border:1px solid #2ebd8533;color:#2ebd85}.order-side.sell{background:#f851491a;border:1px solid #f8514933;color:#f85149}.order-type{color:#c9d1d9;font-size:13px;font-weight:600;text-transform:uppercase}.order-price,.order-size{color:#c9d1d9;font-family:SF Mono,Monaco,Roboto Mono,monospace;font-size:14px;font-weight:600}.order-status{border-radius:3px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-align:center;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.order-status.pending{background:#f39c121a;border:1px solid #f39c1233;color:#f39c12}.order-status.filled{background:#2ebd851a;border:1px solid #2ebd8533;color:#2ebd85}.order-status.cancelled{background:#8b949e1a;border:1px solid #8b949e33;color:#8b949e}.order-actions{align-items:center;display:flex;justify-content:center}.cancel-order-btn{background:linear-gradient(135deg,#f851491a,#f851490d);border:1px solid #f851494d;border-radius:3px;color:#f85149;cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.2px;padding:4px 8px;text-transform:uppercase;transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap}.cancel-order-btn:hover{background:linear-gradient(135deg,#f8514933,#f851491a);border-color:#f8514980;box-shadow:0 4px 12px #f8514933;transform:translateY(-1px)}@media (max-width:768px){.portfolio-page{padding:30px 10px 20px}.portfolio-header{align-items:stretch}.header-left,.portfolio-header{flex-direction:column;gap:20px}.portfolio-header h1{font-size:2.5rem;text-align:center}.search-container{max-width:none}.subaccount-selector{gap:12px;padding:12px 20px 20px}.subaccount-tab{min-height:70px;min-width:200px;padding:20px 24px}.overview-grid{gap:16px;grid-template-columns:1fr}.order-item,.position-item,.trade-item{gap:12px;grid-template-columns:1fr;margin:8px 0;padding:16px;text-align:left}.history-list-header,.orders-list-header,.positions-list-header{display:none}.orders-header-section{align-items:stretch;flex-direction:column;gap:12px}.orders-header-section h3{font-size:16px;text-align:center}.refresh-orders-btn{align-self:center;width:-webkit-fit-content;width:fit-content}.history-list,.orders-list{border-radius:4px;padding:12px}.position-pnl{text-align:left}.order-symbol,.position-symbol,.trade-symbol{border-bottom:1px solid #ffffff1a;font-size:14px;margin-bottom:8px;padding-bottom:8px}.order-type,.trade-side{font-size:12px;text-align:left}.order-price,.position-avg-price,.position-current-price,.position-market-value,.position-size,.trade-price,.trade-time{font-size:13px;margin:4px 0;text-align:left}.order-size,.order-status,.position-pnl{font-size:12px;margin:4px 0;text-align:left}.order-item{background:#161b22cc;border:1px solid #ffffff1a;border-radius:4px;display:flex!important;flex-direction:column!important;gap:8px!important;margin-bottom:12px;padding:16px}.order-item:hover{background:#2ebd850d}.order-side,.order-status{align-self:flex-start;width:-webkit-fit-content;width:fit-content}.order-actions{justify-content:flex-start}.cancel-order-btn{margin-top:8px;width:-webkit-fit-content;width:fit-content}.tab-button{font-size:14px;padding:16px 24px}.tab-content{padding:24px}}@media (max-width:480px){.portfolio-page{padding:20px 5px 10px}.portfolio-header h1{font-size:2rem}.subaccount-tab{min-height:65px;min-width:180px;padding:18px 20px}.subaccount-name{font-size:16px}.subaccount-value{font-size:13px}.stat-card{padding:20px}.stat-value{font-size:20px}.account-info{padding:24px}.tab-content{padding:20px}.order-item,.trade-item{margin:4px 0;padding:12px}.order-symbol,.position-symbol,.trade-symbol{font-size:13px}.order-type,.trade-side{font-size:11px}.order-price,.position-avg-price,.position-current-price,.position-market-value,.position-size,.trade-price,.trade-time{font-size:12px}.order-status,.position-pnl{font-size:11px}.create-account-btn{font-size:13px;padding:14px 20px}}.portfolio-page::-webkit-scrollbar-thumb{background:linear-gradient(145deg,#2ebd85cc,#24a76a 50%,#2ebd85cc);box-shadow:0 0 15px #2ebd8566,0 2px 8px #2ebd854d,inset 0 1px 0 #fff3}.portfolio-page::-webkit-scrollbar-thumb:hover{animation:stat-glow 2s ease-in-out infinite}.subaccount-selector::-webkit-scrollbar{height:6px}.subaccount-selector::-webkit-scrollbar-track{background:#0000}.subaccount-selector::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#2ebd8566,#24a76a99 50%,#2ebd8566);border:none;border-radius:3px}.subaccount-selector::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#2ebd8599,#24a76acc 50%,#2ebd8599)}.loading-spinner-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.loading-logo{animation:breathing 1.5s ease-in-out infinite}@keyframes breathing{0%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1)}to{opacity:.8;transform:scale(.9)}}@keyframes backdrop-fade-in{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translate(-50%,-30%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes modal-slide-down{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-30%) scale(.95)}}.modal-backdrop{align-items:center;animation:backdrop-fade-in .3s ease-out forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000bf;display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;width:100vw;z-index:1000}.modal-backdrop--open{opacity:1}.modal-container{animation:modal-slide-up .4s cubic-bezier(.16,1,.3,1) forwards;background:linear-gradient(145deg,#161b22f2,#161b22fa 50%,#0d1117f2);border:1px solid #2ebd8533;border-radius:24px;box-shadow:0 25px 50px #0009,0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffff1a;left:50%;max-height:90vh;max-width:520px;opacity:0;overflow-y:auto;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.95);width:100%}.modal-container--open{opacity:1;transform:translate(-50%,-50%) scale(1)}.modal-header{align-items:center;background:linear-gradient(90deg,#2ebd850d,#2ebd8505);border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:32px 32px 24px}.modal-header-content{align-items:center;display:flex;gap:16px}.modal-icon{align-items:center;background:linear-gradient(135deg,#2ebd85,#24a76a);border-radius:16px;box-shadow:0 8px 16px #2ebd854d,inset 0 1px 0 #fff3;display:flex;height:48px;justify-content:center;overflow:hidden;position:relative;width:48px}.modal-icon:before{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.modal-icon-inner{font-size:20px;z-index:1}.modal-title-group{display:flex;flex-direction:column;gap:4px}.modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#c9d1d9);background-clip:text;-webkit-background-clip:text;color:#fff;font-size:24px;font-weight:700;margin:0}.modal-subtitle{color:#8b949e;font-size:14px;font-weight:500;margin:0}.modal-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#8b949e;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s cubic-bezier(.16,1,.3,1);width:40px}.modal-close:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:scale(1.05)}.modal-form{padding:32px}.form-section{margin-bottom:32px}.form-section:last-child{margin-bottom:0}.form-group{display:flex;flex-direction:column;gap:12px}.form-label{margin-bottom:8px}.form-input--readonly{background:#0d111780;color:#8b949e;cursor:not-allowed;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:13px}.input-group{gap:12px}.copy-button,.input-group{align-items:center;display:flex}.copy-button{background:linear-gradient(135deg,#2ebd85,#24a76a);border:none;border-radius:12px;box-shadow:0 4px 12px #2ebd854d;color:#fff;cursor:pointer;height:48px;justify-content:center;transition:all .2s cubic-bezier(.16,1,.3,1);width:48px}.copy-button:hover{box-shadow:0 8px 25px #2ebd8566;transform:translateY(-2px) scale(1.05)}.copy-button--success{animation:success-pulse .6s ease-out;background:linear-gradient(135deg,#28a745,#20c997)}@keyframes success-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.blockchain-grid{grid-gap:12px;display:grid;gap:12px}.blockchain-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d111799;border:1.5px solid #ffffff14;border-radius:16px;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.blockchain-card:before{background:linear-gradient(135deg,#0000,#2ebd8508);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.blockchain-card:hover{border-color:#2ebd854d;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.blockchain-card:hover:before{opacity:1}.blockchain-card--selected{background:#2ebd850d;border-color:#2ebd85;box-shadow:0 0 0 1px #2ebd8533,0 8px 25px #2ebd8526}.blockchain-card--selected:before{opacity:1}.blockchain-icon{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;width:40px}.blockchain-info{flex:1 1;min-width:0}.blockchain-name{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.blockchain-desc{color:#8b949e;font-size:13px;line-height:1.4}.blockchain-radio{align-items:center;border:2px solid #fff3;border-radius:50%;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s ease;width:20px}.blockchain-card--selected .blockchain-radio{border-color:#2ebd85}.radio-dot{background:#0000;border-radius:50%;height:8px;transition:all .2s ease;width:8px}.radio-dot--active{background:#2ebd85;box-shadow:0 0 8px #2ebd8580}.capital-input-group{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1117cc;border:1.5px solid #ffffff1a;border-radius:12px;display:flex;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.capital-input-group:focus-within{border-color:#2ebd85;box-shadow:0 0 0 3px #2ebd8526,0 8px 25px #2ebd851a;transform:translateY(-1px)}.currency-symbol{color:#2ebd85;font-size:18px;font-weight:600;padding:16px 0 16px 20px}.capital-input{-webkit-appearance:none;appearance:none;color:#fff!important;flex:1 1;font-size:18px;font-weight:600;padding:16px 20px 16px 8px}.capital-input,.capital-input:focus{background:none!important;border:none!important;box-shadow:none!important;outline:none!important}.capital-input:focus{transform:none}.capital-input:active,.capital-input:hover,.capital-input:visited{background:none!important;border:none!important;box-shadow:none!important;outline:none!important}.capital-range{color:#6e7681;font-size:12px;font-weight:500;left:20px;margin-top:8px;position:absolute;top:100%}.modal-footer{border-top:1px solid #ffffff14;display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;overflow:hidden;padding:16px 24px;position:relative;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn:hover:before{left:100%}.btn--secondary{background:#ffffff0d;border:1px solid #ffffff1a;color:#c9d1d9}.btn--secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.btn--primary{background:linear-gradient(135deg,#2ebd85,#24a76a);box-shadow:0 4px 16px #2ebd854d;color:#fff}.btn--primary:hover{box-shadow:0 8px 25px #2ebd8566;transform:translateY(-2px)}.btn--primary:disabled{background:#ffffff0d;box-shadow:none;color:#6e7681;cursor:not-allowed;transform:none}.btn--primary:disabled:before{display:none}.btn-icon{font-size:16px}.modal-container::-webkit-scrollbar{width:8px}.modal-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:8px;margin:12px 0}.modal-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2ebd8599,#2ebd85cc 50%,#2ebd8599);background-clip:content-box;border:2px solid #0000;border-radius:8px;-webkit-transition:all .3s ease;transition:all .3s ease}.modal-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2ebd85cc,#2ebd85 50%,#2ebd85cc);box-shadow:0 0 8px #2ebd8566}.modal-container::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#2ebd85,#24a76a 50%,#2ebd85)}.capital-input::-webkit-inner-spin-button,.capital-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.capital-input[type=number]{-moz-appearance:textfield}@media (max-width:768px){.modal-container{margin:20px;max-height:calc(100vh - 40px);max-width:calc(100vw - 40px)}.modal-header{padding:24px 24px 20px}.modal-form{padding:24px}.form-section{margin-bottom:24px}.modal-title{font-size:20px}.blockchain-card{padding:16px}.blockchain-grid{gap:8px}.modal-footer{flex-direction:column;gap:12px}.btn{justify-content:center;width:100%}}@media (max-width:480px){.modal-container{border-radius:16px;margin:10px;max-width:calc(100vw - 20px)}.modal-header{padding:20px 20px 16px}.modal-form{padding:20px}.modal-header-content{gap:12px}.modal-icon{height:40px;width:40px}.modal-icon-inner,.modal-title{font-size:18px}.modal-subtitle{font-size:13px}}@keyframes markets-background-flow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes card-float-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes price-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #2ebd8533}50%{box-shadow:0 0 40px #2ebd8566}}@keyframes shimmer-sweep{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes filter-active{0%{transform:scale(.95)}to{transform:scale(1)}}.markets-page{animation:markets-background-flow 20s ease infinite;background:linear-gradient(-45deg,#0c0c1e,#161b22 25%,#1a1a36 50%,#0d1117 75%,#0c0c1e);background-size:400% 400%;color:#f0f0f0;min-height:100vh;padding:60px 20px 40px;position:relative}.markets-page:before{background:radial-gradient(circle at 20% 30%,#2ebd8514 0,#0000 50%),radial-gradient(circle at 80% 70%,#6c63ff0f 0,#0000 50%),radial-gradient(circle at 40% 90%,#ffffff05 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#c9d1d9 50%,#8b949e);background-clip:text;-webkit-background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:32px;position:relative;text-align:center;text-shadow:0 0 30px #ffffff1a;z-index:1}.page-title:after{background:linear-gradient(90deg,#0000,#2ebd85,#0000);border-radius:1px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.markets-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:60px;position:relative;z-index:1}.market-card{animation:card-float-in .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#1a1a36e6,#161b22f2 50%,#0d1117e6);border:1px solid #ffffff1a;border-radius:4px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;height:240px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.market-card:before{background:linear-gradient(90deg,#0000,#ffffff08,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.market-card:hover{border-color:#2ebd854d;box-shadow:0 20px 60px #0009,0 0 40px #2ebd8533,0 0 0 1px #2ebd851a,inset 0 1px 0 #ffffff26;transform:translateY(-8px) scale(1.02)}.market-card:hover:before{left:100%}.market-card:hover .market-card-price{animation:price-pulse 1.5s ease-in-out infinite}.market-card-info{align-items:flex-start;display:flex;flex-shrink:0;justify-content:space-between;padding:24px;position:relative;z-index:2}.market-card-name-and-logo{align-items:center;display:flex;gap:16px}.market-icon{border-radius:50%;box-shadow:0 4px 12px #0000004d,0 0 20px #2ebd8533;height:48px;transition:all .3s ease;width:48px}.market-card:hover .market-icon{box-shadow:0 6px 20px #0006,0 0 30px #2ebd8566;transform:scale(1.1) rotate(5deg)}.market-card-name-group{display:flex;flex-direction:column;gap:4px}.market-card-symbol{color:#fff;font-size:1.4rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.market-card-company-name{color:#8b949e;font-size:.85rem;font-weight:500}.market-card-price-group{display:flex;flex-direction:column;gap:6px;text-align:right}.market-card-price{color:#fff;font-size:1.8rem;font-weight:800;margin-bottom:4px;text-shadow:0 0 10px #ffffff4d;transition:all .3s ease}.market-card-change{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:3px;font-size:1rem;font-weight:700;padding:6px 12px;text-align:center;transition:all .3s ease}.market-card-change.positive{background:linear-gradient(135deg,#2ebd8526,#2ebd8540);border-color:#2ebd854d;color:#2ebd85}.market-card-change.negative{background:linear-gradient(135deg,#f8514926,#f8514940);border-color:#f851494d;color:#f85149}.market-card-chart{bottom:0;height:160px;left:0;opacity:.9;position:absolute;right:0;transition:opacity .3s ease;width:100%;z-index:0}.market-card:hover .market-card-chart{opacity:1}.markets-list-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#1a1a36e6,#161b22f2 50%,#0d1117e6);border:1px solid #ffffff1a;border-radius:4px;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffff1a;overflow:hidden;padding:32px;position:relative;z-index:1}.markets-list-container:before{animation:shimmer-sweep 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff05,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.filters{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px}.filter-buttons{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d111799;border:1px solid #ffffff0d;border-radius:4px;display:flex;gap:12px;padding:8px}.filters button{background:#0000;border:none;border-radius:3px;color:#8b949e;cursor:pointer;font-size:.9rem;font-weight:600;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.filters button:before{background:linear-gradient(90deg,#0000,#2ebd851a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.filters button:hover{background:#2ebd851a;color:#2ebd85;transform:translateY(-1px)}.filters button:hover:before{left:100%}.filters button.active{animation:filter-active .3s ease-out;background:linear-gradient(135deg,#2ebd85,#24a76a);box-shadow:0 4px 16px #2ebd8566,inset 0 1px 0 #fff3;color:#fff;transform:scale(1)}.search-and-filter-container{align-items:center;display:flex;gap:16px}.search-bar-container{position:relative}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1117cc;border:1.5px solid #ffffff1a;border-radius:4px;color:#f0f0f0;font-size:.9rem;padding:14px 20px 14px 48px;transition:all .3s cubic-bezier(.16,1,.3,1);width:280px}.search-input::placeholder{color:#6e7681;font-weight:500}.search-input:focus{border-color:#2ebd85;box-shadow:0 0 0 3px #2ebd8526,0 8px 25px #2ebd851a;outline:none;transform:translateY(-1px)}.search-bar-container:before{content:"🔍";font-size:16px;left:16px;opacity:.6;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.time-range-selector{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1117cc;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27292.4%27%20height%3D%27292.4%27%3E%3Cpath%20fill%3D%27%232EBD85%27%20d%3D%27M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%27/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:12px 12px;border:1.5px solid #2ebd854d;border-radius:4px;color:#2ebd85;cursor:pointer;font-size:.9rem;font-weight:600;padding:14px 40px 14px 16px;transition:all .3s ease}.time-range-selector:hover{border-color:#2ebd85;box-shadow:0 4px 16px #2ebd8533;transform:translateY(-1px)}.market-row-grid,.markets-list-header{grid-gap:20px;align-items:center;border-radius:3px;display:grid;gap:20px;grid-template-columns:2.5fr 1.2fr 1.2fr 1.2fr 1fr .8fr;padding:16px 24px}.markets-list-header{background:#0d111799;color:#8b949e;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.market-row-grid,.markets-list-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff0d}.market-row-grid{background:#161b2266;cursor:pointer;margin-bottom:8px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.market-row-grid:before{background:linear-gradient(90deg,#0000,#2ebd850d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%}.market-row-grid:hover{background:#1a1a3699;border-color:#2ebd8533;box-shadow:0 8px 25px #0000004d,0 0 20px #2ebd851a;transform:translateX(4px)}.market-row-grid:hover:before{left:100%}.market-row-grid:last-child{margin-bottom:0}.text-right{font-weight:600;text-align:right}.text-center{text-align:center}.asset-cell{align-items:center;display:flex;gap:16px}.asset-icon{border-radius:50%;box-shadow:0 4px 12px #0003;height:40px;transition:all .3s ease;width:40px}.market-row-grid:hover .asset-icon{box-shadow:0 6px 20px #2ebd854d;transform:scale(1.1)}.asset-name{color:#fff;font-size:1rem;font-weight:700;margin:0 0 2px}.asset-symbol{color:#8b949e;font-size:.8rem;font-weight:500;margin:0;text-transform:uppercase}.positive{color:#2ebd85;font-weight:700}.negative{color:#f85149;font-weight:700}.list-chart{height:50px;margin:0;width:100%}.markets-trade-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2ebd851a,#2ebd8533);border:1.5px solid #2ebd854d;border-radius:3px;color:#2ebd85;cursor:pointer;font-size:.8rem;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:8px 16px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap}.markets-trade-btn:before{background:linear-gradient(90deg,#0000,#2ebd851a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.markets-trade-btn:hover{background:linear-gradient(135deg,#2ebd85,#24a76a);border-color:#2ebd85;box-shadow:0 8px 20px #2ebd8566,inset 0 1px 0 #fff3;color:#fff;transform:translateY(-2px) scale(1.05)}.markets-trade-btn:hover:before{left:100%}@media (max-width:1200px){.markets-grid{grid-template-columns:repeat(2,1fr)}.search-input{width:220px}}@media (max-width:768px){.markets-page{padding:40px 15px 20px}.page-title{font-size:2rem;margin-bottom:24px}.markets-grid{gap:12px;grid-template-columns:1fr;margin-bottom:40px}.market-card{height:220px}.market-card-info{padding:20px}.market-icon{height:40px;width:40px}.market-card-symbol{font-size:1.2rem}.market-card-price{font-size:1.5rem}.markets-list-container{border-radius:4px;padding:24px}.filters{align-items:stretch;flex-direction:column;gap:16px}.filter-buttons{justify-content:center}.search-and-filter-container{justify-content:space-between}.search-input{width:200px}.market-row-grid,.markets-list-header{font-size:.85rem;gap:12px;grid-template-columns:2fr 1fr 1fr .8fr .8fr .8fr;padding:12px 16px}.asset-icon{height:32px;width:32px}.asset-name{font-size:.9rem}.asset-symbol{font-size:.75rem}.markets-trade-btn{font-size:.7rem;padding:6px 12px}}@media (max-width:480px){.markets-page{padding:30px 10px 15px}.page-title{font-size:1.8rem}.market-card{height:200px}.market-card-info{padding:16px}.market-card-name-and-logo{gap:12px}.market-icon{height:36px;width:36px}.market-card-symbol{font-size:1.1rem}.market-card-company-name{font-size:.8rem}.market-card-price{font-size:1.3rem}.markets-list-container{padding:20px}.search-input{padding:12px 16px 12px 40px;width:160px}.markets-list-header{display:none}.market-row-grid{gap:12px;grid-template-columns:1fr;padding:16px;text-align:left}.asset-cell{justify-content:space-between;margin-bottom:8px}.markets-trade-btn{margin-top:8px;width:100%}}.markets-page::-webkit-scrollbar-thumb{background:linear-gradient(145deg,#2ebd85cc,#24a76a 50%,#2ebd85cc);box-shadow:0 0 15px #2ebd8566,0 2px 8px #2ebd854d,inset 0 1px 0 #fff3}.markets-page::-webkit-scrollbar-thumb:hover{animation:glow-pulse 2s ease-in-out infinite}.market-card:has(LoadingSpinner){background:linear-gradient(145deg,#1a1a36b3,#161b22cc 50%,#0d1117b3)}.market-row-grid:has(LoadingSpinner){background:#161b224d}@keyframes smokeAnimation{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.landing-page{background-color:#000;color:#fff;display:flex;height:100vh;left:0;overflow:hidden;position:absolute;top:0;width:100vw;z-index:1000}.left-pane{justify-content:flex-start;position:relative;width:50%}.credit,.left-pane{align-items:center;display:flex}.credit{bottom:20px;color:#555;font-size:12px;gap:5px;left:20px;position:absolute}.credit a{align-items:center;color:inherit;display:flex;gap:5px;text-decoration:none}.logo-background{color:#1a1a1a;font-family:Orbitron,sans-serif;font-size:140vh;font-weight:700;left:-45vh;line-height:1;position:absolute;-webkit-user-select:none;user-select:none}.right-pane{align-items:center;cursor:pointer;display:flex;justify-content:center;padding-left:10vw;position:relative;text-decoration:none;width:50%}.light-source{background:linear-gradient(270deg,#455a6433 0,#0000 50%);height:100%;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transform:none;transition:background .5s ease-out;width:100%}.trade-button:hover~.light-source{background:linear-gradient(270deg,#2ebd8580 0,#0000 60%)}.smoke-effect{animation:smokeAnimation 10s linear infinite;background-image:url(/static/media/noise.1cc278243de3564e3bc7.png);background-repeat:repeat;height:200%;left:0;-webkit-mask-image:linear-gradient(270deg,#000 0,#0000 60%);mask-image:linear-gradient(270deg,#000 0,#0000 60%);mix-blend-mode:screen;opacity:0;position:absolute;top:0;transition:opacity .5s ease-out;width:100%}.trade-button:hover~.light-source .smoke-effect{opacity:.15}.trade-button{align-items:center;color:#444;display:flex;font-family:Orbitron,sans-serif;font-size:18vh;justify-content:center;letter-spacing:1vh;text-decoration:none!important;text-transform:uppercase;transition:letter-spacing .3s ease,color .3s ease;writing-mode:vertical-rl;z-index:1}.trade-button:hover{color:#ccc;letter-spacing:2vh}.trade-button .arrow{color:#fff;font-size:18vh;margin-top:20px;opacity:0;transform:translateX(-40px);transition:opacity .3s ease,transform .4s ease-out}.trade-button:hover .arrow{opacity:1;transform:translateX(0)}@keyframes scroll-rtl{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes scroll-ltr{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.ticker-container{height:100%;left:0;-webkit-mask-image:linear-gradient(90deg,#000 50%,#0000 80%);mask-image:linear-gradient(90deg,#000 50%,#0000 80%);opacity:.1;overflow:hidden;position:absolute;top:60%;transform:translateY(-50%);width:100%;z-index:0}.ticker-track{display:flex;margin-bottom:80px;white-space:nowrap;width:-webkit-max-content;width:max-content;will-change:transform}.ticker-logo{height:120px;margin:0 80px}.animate-right-to-left{animation:scroll-rtl 120s linear infinite}.animate-right-to-left-delay{animation:scroll-rtl 150s linear infinite}.animate-left-to-right{animation:scroll-ltr 100s linear infinite}@keyframes background-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes float-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes avatar-glow{0%,to{box-shadow:0 0 20px #2ebd854d}50%{box-shadow:0 0 40px #2ebd8599}}@keyframes ring-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.profile-page{align-items:flex-start;animation:background-shift 15s ease infinite;background:linear-gradient(-45deg,#0c0c1e,#1a1a36 25%,#161b22 50%,#0d1117 75%,#0c0c1e);background-size:400% 400%;display:flex;justify-content:center;min-height:100vh;overflow-x:hidden;padding:140px 20px 40px;position:relative}.profile-background{background:radial-gradient(circle at 20% 20%,#2ebd851a 0,#0000 50%),radial-gradient(circle at 80% 80%,#6c63ff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#ffffff05 0,#0000 50%);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.profile-page-loading{align-items:center;animation:background-shift 15s ease infinite;background:linear-gradient(-45deg,#0c0c1e,#1a1a36,#161b22,#0d1117);background-size:400% 400%;display:flex;justify-content:center;min-height:100vh}.profile-container{animation:float-up .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#1a1a36e6,#161b22f2 50%,#0d1117e6);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffff1a;max-width:520px;overflow:hidden;padding:40px;position:relative;width:100%}.profile-container:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff08,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.profile-header{margin-bottom:32px;position:relative;text-align:center;z-index:1}.header-icon{align-items:center;background:linear-gradient(135deg,#2ebd85,#24a76a);border-radius:20px;box-shadow:0 8px 25px #2ebd8566,inset 0 1px 0 #fff3;display:flex;height:64px;justify-content:center;margin:0 auto 20px;overflow:hidden;position:relative;width:64px}.header-icon:before{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.icon-inner{font-size:24px;z-index:1}.profile-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#c9d1d9);background-clip:text;-webkit-background-clip:text;color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.profile-subtitle{color:#8b949e;font-size:16px;font-weight:500;margin:0}.avatar-section{margin-bottom:40px;position:relative;text-align:center;z-index:1}.avatar-container{display:inline-block;margin-bottom:12px;position:relative}.profile-avatar{background:#2a2a50;border:4px solid #2ebd854d;border-radius:50%;height:120px;position:relative;transition:all .3s ease;width:120px;z-index:3}.avatar-ring{animation:ring-pulse 3s ease-in-out infinite;border:2px solid #2ebd8533;bottom:-8px;left:-8px;right:-8px;top:-8px;z-index:2}.avatar-glow,.avatar-ring{border-radius:50%;position:absolute}.avatar-glow{animation:avatar-glow 4s ease-in-out infinite;background:radial-gradient(circle,#2ebd851a 0,#0000 70%);bottom:-16px;left:-16px;right:-16px;top:-16px;z-index:1}.avatar-hint{color:#6e7681;font-size:12px;font-style:italic;margin:0}.profile-form{position:relative;z-index:1}.form-group{margin-bottom:28px}.form-label{align-items:center;color:#c9d1d9;display:flex;font-size:15px;font-weight:600;gap:8px;margin-bottom:12px}.label-icon{font-size:16px}.optional{color:#6e7681;font-size:12px;font-style:italic;font-weight:400}.input-wrapper{align-items:center;display:flex;position:relative}.form-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1117cc;border:1.5px solid #ffffff1a;border-radius:12px;box-sizing:border-box;color:#fff;font-size:15px;padding:16px 20px;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.form-input:focus{border-color:#2ebd85;box-shadow:0 0 0 3px #2ebd8526,0 8px 25px #2ebd851a;outline:none;transform:translateY(-1px)}.form-input::placeholder{color:#6e7681;font-weight:400}.form-input--disabled{background:#0d111766;border-color:#ffffff0d;color:#8b949e;cursor:not-allowed}.form-input--success{border-color:#2ebd85;box-shadow:0 0 0 3px #2ebd8526,0 8px 25px #2ebd851a}.form-input--error{border-color:#f85149;box-shadow:0 0 0 3px #f8514926,0 8px 25px #f851491a}.input-suffix{align-items:center;display:flex;gap:8px;pointer-events:none;position:absolute;right:16px}.verified-badge{background:linear-gradient(135deg,#28a745,#20c997);border-radius:8px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.nickname-icon{align-items:center;border-radius:50%;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;transition:all .3s ease;width:24px}.nickname-icon.checking{animation:pulse 1.5s infinite;background:#ffc1071a;border:1px solid #ffc1074d}.nickname-icon.available{animation:success-bounce .6s ease-out;background:#2ebd851a;border:1px solid #2ebd854d}.nickname-icon.taken{animation:shake .5s ease-out;background:#f851491a;border:1px solid #f851494d}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes success-bounce{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.nickname-message{display:block;font-size:12px;font-weight:500;margin-top:8px;transition:all .3s ease}.nickname-message.checking{color:#ffc107}.nickname-message.available{color:#2ebd85}.nickname-message.taken{color:#f85149}.error-message{align-items:center;animation:float-up .3s ease-out;background:#f851491a;border:1px solid #f8514933;border-radius:8px;color:#f85149;display:flex;font-size:13px;font-weight:500;gap:8px;margin-top:8px;padding:12px 16px}.error-icon{font-size:14px}.save-profile-btn{align-items:center;background:linear-gradient(135deg,#2ebd85,#24a76a);border:none;border-radius:12px;box-shadow:0 4px 16px #2ebd854d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;margin-top:32px;overflow:hidden;padding:18px 24px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.save-profile-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.save-profile-btn:hover:before{left:100%}.save-profile-btn:hover{box-shadow:0 8px 25px #2ebd8566;transform:translateY(-2px)}.save-profile-btn:disabled{background:#ffffff0d;box-shadow:none;color:#6e7681;cursor:not-allowed;transform:none}.save-profile-btn:disabled:before{display:none}.save-profile-btn.saving{background:linear-gradient(135deg,#ffc107,#fd7e14)}.btn-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn-icon,.btn-text{position:relative;z-index:1}.btn-icon{font-size:18px}@media (max-width:768px){.profile-page{padding:120px 15px 20px}.profile-container{border-radius:20px;padding:32px 24px}.profile-title{font-size:24px}.profile-subtitle{font-size:14px}.header-icon{height:56px;width:56px}.icon-inner{font-size:20px}.profile-avatar{height:100px;width:100px}.form-group{margin-bottom:24px}.form-input{font-size:14px;padding:14px 16px}.save-profile-btn{font-size:15px;padding:16px 20px}}@media (max-width:480px){.profile-page{padding:100px 10px 15px}.profile-container{border-radius:16px;padding:28px 20px}.profile-title{font-size:22px}.header-icon{height:48px;width:48px}.icon-inner{font-size:18px}.profile-avatar{height:80px;width:80px}.form-input,.form-label{font-size:14px}.form-input{border-radius:10px;padding:12px 14px}.save-profile-btn{font-size:14px;gap:8px;padding:14px 18px}}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#0d11174d;border:1px solid #ffffff0d;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(145deg,#2ebd8599,#24a76acc 50%,#2ebd8599);border:2px solid #0d111766;border-radius:10px;box-shadow:0 2px 8px #2ebd8533,inset 0 1px 0 #ffffff1a;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(145deg,#2ebd85cc,#24a76a 50%,#2ebd85cc);box-shadow:0 4px 16px #2ebd8566,inset 0 1px 0 #fff3;transform:scaleY(1.05)}::-webkit-scrollbar-thumb:active{background:linear-gradient(145deg,#2ebd85,#1c8e5a 50%,#2ebd85);box-shadow:0 6px 20px #2ebd8599,inset 0 2px 4px #0003;transform:scaleY(1.1)}::-webkit-scrollbar-corner{background:#0d11174d}*{scrollbar-color:#2ebd8599 #0d11174d;scrollbar-width:thin}.profile-page::-webkit-scrollbar-thumb{background:linear-gradient(145deg,#2ebd85b3,#24a76ae6 25%,#1c8e5a 50%,#24a76ae6 75%,#2ebd85b3);box-shadow:0 0 10px #2ebd854d,0 2px 8px #2ebd8533,inset 0 1px 0 #ffffff26}.profile-page::-webkit-scrollbar-thumb:hover{animation:scrollbar-glow 2s ease-in-out infinite alternate;box-shadow:0 0 15px #2ebd8580,0 4px 16px #2ebd8566,inset 0 1px 0 #ffffff40}@keyframes scrollbar-glow{0%{box-shadow:0 0 15px #2ebd8580,0 4px 16px #2ebd8566,inset 0 1px 0 #ffffff40}to{box-shadow:0 0 25px #2ebd85b3,0 6px 20px #2ebd8599,inset 0 1px 0 #ffffff59}}
/*# sourceMappingURL=main.d6071972.css.map*/