:root{--bg-main:#060309;--bg-card:#150a21;--bg-card-header:#200f33;--bg-card-light:#2c1642;--bg-ticker:#120524;--color-gold:#d9af56;--color-gold-hover:#e7c376;--color-gold-dark:#b88e36;--color-silver:#a09da5;--color-platinum:#cbd5e1;--color-palladium:#94a3b8;--color-success:#10b981;--color-danger:#ef4444;--text-primary:#fff;--text-secondary:#9c93a8;--text-muted:#6b6278;--text-gold:#d9af56;--font-sans:"Plus Jakarta Sans", sans-serif;--font-title:"Outfit", sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s ease;--border-glass:1px solid #d9af5626;--border-purple:1px solid #a855f733;--shadow-gold-glow:0 8px 30px #d9af561f;--shadow-purple-glow:0 8px 32px #2c164280;--radius-pill:9999px;--radius-lg:16px;--radius-md:10px}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh;overflow-y:auto}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--bg-card-light);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-gold-dark)}ul,ol{list-style:none}a{color:inherit;transition:var(--transition-fast);text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}#root{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-y:auto}input,button,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}button{cursor:pointer}.header{border-bottom:var(--border-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;transition:var(--transition-smooth);background-color:#060309e6;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;height:80px;display:flex}.logo-section{align-items:center;gap:12px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--color-gold) 0%, #a67c1e 100%);width:38px;height:38px;color:var(--bg-main);border-radius:8px;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #d9af564d}.logo-icon:before{content:"";background:linear-gradient(45deg,#0000,#ffffff4d,#0000);width:200%;height:200%;animation:3s infinite shine;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}@keyframes shine{0%{left:-100%}to{left:100%}}.logo-text{font-family:var(--font-title);letter-spacing:-.5px;background:linear-gradient(to right, #fff, var(--color-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:24px;font-weight:700}.nav-menu{align-items:center;gap:28px;display:flex}.nav-item{color:var(--text-secondary);align-items:center;gap:4px;padding:8px 0;font-size:15px;font-weight:500;display:flex;position:relative}.nav-item:hover,.nav-item.active{color:var(--color-gold)}.nav-item:after{content:"";background-color:var(--color-gold);width:0;height:2px;transition:var(--transition-smooth);position:absolute;bottom:0;left:0}.nav-item.active:after,.nav-item:hover:after{width:100%}.nav-caret{opacity:.6;width:14px;height:14px;transition:var(--transition-fast)}.nav-item:hover .nav-caret{opacity:1;transform:translateY(2px)}.btn-signin{background:linear-gradient(135deg, var(--color-gold) 0%, var(--color-gold-dark) 100%);color:var(--bg-main);font-family:var(--font-sans);border-radius:var(--radius-pill);transition:var(--transition-smooth);padding:10px 24px;font-size:15px;font-weight:600;box-shadow:0 4px 14px #d9af5633}.btn-signin:hover{background:linear-gradient(135deg, var(--color-gold-hover) 0%, var(--color-gold) 100%);transform:translateY(-2px);box-shadow:0 6px 20px #d9af5659}.btn-signin:active{transform:translateY(0)}.banner-alert{color:#0d0617;letter-spacing:.5px;background:linear-gradient(90deg,#dfa938 0%,#f4cb5d 50%,#dfa938 100%);justify-content:center;align-items:center;gap:12px;padding:10px 24px;font-size:13.5px;font-weight:700;display:flex;overflow:hidden;box-shadow:inset 0 -2px 8px #0000001a}.banner-badge{color:var(--color-gold);text-transform:uppercase;border-radius:var(--radius-pill);background-color:#270c4f;padding:3px 10px;font-size:10px;font-weight:800;box-shadow:0 2px 6px #0003}.ticker-bar{background-color:var(--bg-ticker);border-bottom:var(--border-purple);padding:12px 0;position:relative;overflow:hidden}.ticker-track{gap:40px;width:max-content;animation:35s linear infinite scroll-ticker;display:flex}.ticker-track:hover{animation-play-state:paused}@keyframes scroll-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{letter-spacing:.8px;text-transform:uppercase;border-right:1px solid #9c93a833;align-items:center;gap:10px;padding:0 10px;font-size:12px;font-weight:600;display:flex}.ticker-item:last-child{border-right:none}.ticker-name{color:var(--text-secondary)}.ticker-val{color:var(--text-primary);font-weight:700}.ticker-change{align-items:center;gap:2px;font-size:11px;display:flex}.ticker-change.up{color:var(--color-success)}.ticker-change.down{color:var(--color-danger)}.hero-layout{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-grow:1;align-items:center;padding:24px 0;display:flex;position:relative;overflow:hidden}.hero-layout:before{content:"";z-index:1;background:radial-gradient(circle at 80% 20%,#1d0d3580 0%,#060309f2 70%),linear-gradient(#060309e6 0%,#060309b3 30%,#060309f2 100%);position:absolute;inset:0}.hero-layout>.container{z-index:2;width:100%;position:relative}.grid-2col{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;display:grid}.hero-text-box{flex-direction:column;gap:24px;display:flex}.tagline{color:var(--color-gold);letter-spacing:2px;text-transform:uppercase;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.tagline:before{content:"";background-color:var(--color-gold);width:24px;height:2px;display:inline-block}.hero-title{font-family:var(--font-title);letter-spacing:-.5px;color:var(--text-primary);font-size:48px;font-weight:700;line-height:1.2}.hero-desc{color:var(--text-secondary);max-width:520px;font-size:16px;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:12px;display:flex}.btn-hero-primary{border:1px solid var(--color-gold);color:var(--color-gold);font-family:var(--font-sans);border-radius:var(--radius-pill);transition:var(--transition-smooth);background-color:#d9af5614;padding:14px 32px;font-size:16px;font-weight:600;box-shadow:0 4px 15px #d9af560d}.btn-hero-primary:hover{background-color:var(--color-gold);color:var(--bg-main);transform:translateY(-2px);box-shadow:0 8px 24px #d9af5640}.app-downloads{flex-direction:column;gap:12px;margin-top:40px;display:flex}.app-download-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;font-size:12px;font-weight:700}.download-buttons{gap:16px;display:flex}.btn-download{transition:var(--transition-smooth);background-color:#150a2199;border:1px solid #a855f726;border-radius:10px;align-items:center;gap:10px;width:160px;padding:8px 16px;display:flex}.btn-download:hover{background-color:#a855f726;border-color:#d9af564d;transform:translateY(-2px)}.download-icon{width:24px;height:24px}.btn-download div{text-align:left}.btn-download span{color:var(--text-secondary);text-transform:uppercase;font-size:9px;display:block}.btn-download strong{color:var(--text-primary);font-size:12px;font-weight:600;display:block}.widget-column{justify-content:center;align-items:center;width:100%;display:flex}.trade-card{background:linear-gradient(145deg, var(--bg-card) 0%, #1c0d2b 100%);border:var(--border-purple);box-shadow:var(--shadow-purple-glow);transition:var(--transition-smooth);border-radius:20px;flex-direction:column;width:100%;max-width:390px;min-height:500px;display:flex;position:relative;overflow:hidden}.trade-card:hover{border-color:#a855f766;transform:translateY(-2px);box-shadow:0 12px 40px #2c1642cc,0 0 20px #a855f71a}.asset-tabs{grid-template-columns:repeat(4,1fr);display:grid}.asset-tabs.portal-asset-tabs{background-color:var(--bg-card-header);border-bottom:1px solid #a855f726;grid-template-columns:repeat(2,1fr)}.tab-btn{font-family:var(--font-title);color:var(--text-secondary);text-align:center;transition:var(--transition-smooth);padding:16px 8px;font-size:13.5px;font-weight:600;position:relative}.tab-btn:hover{color:var(--text-primary);background-color:#ffffff05}.tab-btn.active{color:var(--color-gold)}.tab-btn.active:after{content:"";background-color:var(--color-gold);border-radius:var(--radius-pill) var(--radius-pill) 0 0;height:3px;position:absolute;bottom:0;left:15%;right:15%;box-shadow:0 -2px 10px #d9af5680}.price-display-box{text-align:center;background:radial-gradient(circle,#a855f71a 0%,#0000 70%);flex-direction:column;justify-content:center;align-items:center;padding:20px 24px;display:flex}.current-price{font-family:var(--font-title);color:var(--text-primary);letter-spacing:-.5px;transition:var(--transition-fast);margin-bottom:8px;font-size:40px;font-weight:700}.live-rates-indicator{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.live-dot{background-color:var(--color-danger);width:8px;height:8px;box-shadow:0 0 8px var(--color-danger);border-radius:50%;animation:1.5s infinite pulse-dot}@keyframes pulse-dot{0%{opacity:.5;transform:scale(.9)}50%{opacity:1;box-shadow:0 0 12px var(--color-danger);transform:scale(1.2)}to{opacity:.5;transform:scale(.9)}}.price-subtext{color:var(--text-muted);font-size:11px}.action-tabs{border-bottom:1px solid #a855f726;grid-template-columns:1fr 1fr;display:grid}.action-tab-btn{font-family:var(--font-sans);text-align:center;transition:var(--transition-smooth);padding:14px 0;font-size:15px;font-weight:700}.action-tab-btn.buy{color:var(--text-secondary);background-color:#94783b26}.action-tab-btn.buy.active{color:var(--text-primary);text-shadow:0 1px 3px #0000004d;background-color:#8c713b}.action-tab-btn.sell{color:var(--text-secondary);background-color:#210e3d4d}.action-tab-btn.sell.active{color:var(--text-primary);background-color:#2c1654e6}.form-section{color:#120524;background-color:#fff;flex-direction:column;flex-grow:1;justify-content:space-between;gap:12px;padding:20px 24px;display:flex}.form-label{color:#3b2b52;text-align:center;letter-spacing:.5px;margin-bottom:8px;font-size:15px;font-weight:600}.input-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.input-group{transition:var(--transition-fast);background-color:#fcfbfe;border:1px solid #d4cfe0;border-radius:12px;flex:1;padding:10px 16px;position:relative}.input-group:focus-within{background-color:#fff;border-color:#8c713b;box-shadow:0 0 0 3px #8c713b26}.input-group label{text-transform:uppercase;color:#7b6d91;letter-spacing:.5px;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.input-field{color:#120524;background:0 0;border:none;outline:none;width:100%;font-size:20px;font-weight:700}.input-field::placeholder{color:#a79cb8}.btn-swap{color:#4b366a;width:40px;height:40px;transition:var(--transition-smooth);cursor:pointer;background-color:#f1ecf7;border:1px solid #d4cfe0;border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-swap:hover{color:#fff;background-color:#8c713b;border-color:#8c713b;transform:rotate(180deg)scale(1.05)}.quick-pills{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.pill-btn{color:#4b366a;text-align:center;transition:var(--transition-fast);cursor:pointer;background-color:#f5f3f7;border:1px solid #e7e3ed;border-radius:8px;padding:10px 0;font-size:13px;font-weight:600}.pill-btn:hover{color:#fff;background-color:#8c713b;border-color:#8c713b}.form-actions{grid-template-columns:1fr 1.2fr;gap:12px;margin-top:auto;display:grid}.btn-submit-buy{color:var(--text-primary);text-align:center;transition:var(--transition-smooth);cursor:pointer;background-color:#270f44;border:none;border-radius:10px;padding:14px 0;font-size:15px;font-weight:700;box-shadow:0 4px 10px #270f4433}.btn-submit-buy:hover{background-color:#3b1962;transform:translateY(-2px);box-shadow:0 6px 16px #270f4459}.btn-submit-sip{color:var(--color-gold);text-align:center;transition:var(--transition-smooth);cursor:pointer;background-color:#1c0a32;border:1px solid #d9af5666;border-radius:10px;padding:14px 0;font-size:15px;font-weight:700;box-shadow:0 4px 10px #1c0a3233}.btn-submit-sip:hover{border-color:var(--color-gold);background-color:#270f44;transform:translateY(-2px);box-shadow:0 6px 16px #d9af5626}.help-fab{color:var(--color-gold);border-radius:var(--radius-pill);z-index:99;transition:var(--transition-smooth);background-color:#270f44;border:1.5px solid #d9af5699;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:700;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #0006,0 0 10px #d9af5633}.help-fab:hover{background-color:var(--color-gold);color:var(--bg-main);border-color:var(--color-gold);transform:translateY(-2px);box-shadow:0 6px 24px #d9af5666}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#060309d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content{border:var(--border-glass);box-shadow:0 20px 50px #00000080, var(--shadow-gold-glow);background:linear-gradient(145deg,#18092a 0%,#0d0418 100%);border-radius:16px;width:100%;max-width:440px;animation:.3s cubic-bezier(.34,1.56,.64,1) modal-enter;overflow:hidden}@keyframes modal-enter{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{background-color:var(--bg-card-header);border-bottom:1px solid #d9af5626;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{font-family:var(--font-title);color:var(--color-gold);font-size:18px;font-weight:700}.modal-close{color:var(--text-secondary);transition:var(--transition-fast);font-size:20px}.modal-close:hover{color:var(--text-primary)}.modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.modal-detail-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding-bottom:10px;font-size:14px;display:flex}.modal-detail-label{color:var(--text-secondary)}.modal-detail-val{color:var(--text-primary);font-weight:600}.modal-detail-val.gold{color:var(--color-gold)}.modal-detail-total{border-top:1px solid #d9af5633;justify-content:space-between;margin-top:8px;padding:10px 0;font-size:16px;font-weight:700;display:flex}.btn-modal-confirm{background:linear-gradient(135deg, var(--color-gold) 0%, var(--color-gold-dark) 100%);color:var(--bg-main);text-align:center;transition:var(--transition-smooth);border-radius:8px;margin-top:12px;padding:14px;font-size:16px;font-weight:700}.btn-modal-confirm:hover{background:linear-gradient(135deg, var(--color-gold-hover) 0%, var(--color-gold) 100%);transform:translateY(-1px);box-shadow:0 4px 15px #d9af564d}@media (width<=968px){.grid-2col{grid-template-columns:1fr;gap:40px}.hero-text-box{text-align:center;align-items:center}.hero-desc{margin:0 auto}.hero-actions{justify-content:center}.app-downloads{align-items:center}}@media (width<=768px){.nav-menu{display:none}.hero-title{font-size:36px}.nav-container{height:70px}}.auth-page-view{background:radial-gradient(circle,#1b0932 0%,#060309 100%);flex-direction:column;min-height:100vh;display:flex;overflow:hidden}.auth-container{z-index:2;flex-grow:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.auth-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:var(--border-purple);width:100%;max-width:440px;box-shadow:var(--shadow-purple-glow);background:#150a2173;border-radius:20px;flex-direction:column;gap:24px;padding:32px;animation:.4s cubic-bezier(.34,1.56,.64,1) scale-up;display:flex}@keyframes scale-up{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.auth-tabs{background:#0603098c;border:1px solid #a855f733;border-radius:12px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.auth-tab-btn{font-family:var(--font-title);color:var(--text-secondary);text-align:center;transition:var(--transition-smooth);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 0;font-size:14px;font-weight:700}.auth-tab-btn:hover{color:#fff}.auth-tab-btn.active{background:linear-gradient(135deg, var(--color-gold) 0%, var(--color-gold-dark) 100%);color:var(--bg-main);box-shadow:0 4px 12px #d9af5633}.auth-form{flex-direction:column;gap:18px;display:flex}.app-shell{color:#f5f5f7;background:radial-gradient(circle at 0 0,#d9af5624,#0000 32%),radial-gradient(circle at 100% 100%,#a855f71f,#0000 22%),#060309;min-height:100vh}.dashboard-shell{max-width:1420px;margin:0 auto;padding:24px 24px 40px}.dashboard-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.dashboard-header h1{font-family:var(--font-title);margin:0;font-size:clamp(2.2rem,2.6vw,3.4rem);line-height:1.05}.eyebrow{letter-spacing:.24em;text-transform:uppercase;color:#f5f5f79e;margin-bottom:6px;font-size:.85rem}.status-pill{color:#f5f5f7;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:.5rem;padding:10px 16px;font-size:.95rem;display:inline-flex}.trade-dashboard-grid{grid-template-columns:minmax(0,2.3fr) minmax(0,1fr);gap:24px;display:grid}.chart-panel,.order-panel,.analytics-panel{background:linear-gradient(#12091df2,#090413eb);border:1px solid #ffffff14;border-radius:28px;padding:24px;overflow:hidden;box-shadow:0 18px 54px #0000003d}.chart-panel{grid-column:1/span 2}.panel-title{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.panel-title .label{letter-spacing:.24em;text-transform:uppercase;color:#ffffff73;font-size:.78rem}.panel-title h2{margin:0;font-size:1.6rem;line-height:1.1}.chart-panel button,.order-panel button,.analytics-panel button{color:#f5f5f7;cursor:pointer;background:#ffffff0f;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:10px 16px;transition:background .2s,transform .2s;display:inline-flex}.chart-panel button:hover,.order-panel button:hover,.analytics-panel button:hover{background:#ffffff1f;transform:translateY(-1px)}.realtime-chart-container{border-radius:24px;width:100%;min-height:420px;overflow:hidden}.market-footer{justify-content:space-between;align-items:center;gap:16px;padding-top:18px;display:flex}.market-footer strong{font-size:1.75rem}.asset-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:inline-grid}.asset-tabs button{color:#ffffffbf;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:10px 14px;transition:all .2s}.asset-tabs button.active{color:#f9d96d;background:linear-gradient(135deg,#f9c84629,#ffffff14);border-color:#f9c84666}.trade-controls{gap:18px;display:grid}.control-row{gap:12px;display:grid}.control-row label,.trade-meta label,.trade-summary span,.wallet-card span,.history-panel h3,.notifications-panel h3{color:#ffffffa8}.control-row input[type=range]{width:100%}.order-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.order-actions button{cursor:pointer;border:none;border-radius:16px;padding:16px 20px;font-size:1rem;font-weight:700}.order-actions button.buy{color:#060309;background:linear-gradient(135deg,#cd9b30,#f7d55f)}.order-actions button.sell{color:#f5f5f7;background:#ffffff0f;border:1px solid #ffffff1f}.trade-meta,.trade-summary{justify-content:space-between;align-items:center;gap:12px;display:flex}.trade-meta select,.wallet-grid article,.history-panel ul,.notifications-panel ul{width:100%}.trade-summary strong{font-size:1.1rem}.trade-result{color:#f5f5f7;background:#211332d9;border:1px solid #f9c84624;border-radius:18px;padding:16px;font-weight:600}.wallet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.wallet-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;min-height:120px;padding:18px}.wallet-card strong{margin-top:10px;font-size:1.4rem;display:block}.wallet-card.negative strong{color:#f36d6d}.history-panel,.notifications-panel{background:#ffffff08;border:1px solid #ffffff0f;border-radius:22px;padding:18px}.history-panel h3,.notifications-panel h3{margin:0 0 14px}.history-panel ul,.notifications-panel ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.history-panel li,.notifications-panel li{color:#f5f5f7;background:#0000002e;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.history-panel li strong{color:#f9d96d}.notifications-panel li{font-size:.95rem}@media (width<=1120px){.trade-dashboard-grid{grid-template-columns:1fr}.chart-panel{grid-column:1}}@media (width<=780px){.dashboard-shell{padding:18px 16px 28px}.panel-title{flex-direction:column;align-items:flex-start}.wallet-grid{grid-template-columns:1fr}}.auth-form-header{text-align:center}.auth-form-header h2{font-family:var(--font-title);color:#fff;margin-bottom:6px;font-size:24px;font-weight:700}.auth-form-header p{color:var(--text-secondary);font-size:13px}.auth-input-group{flex-direction:column;gap:6px;display:flex}.auth-input-group label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;font-size:11px;font-weight:700}.auth-input-group input{color:#fff;font-size:14px;font-family:var(--font-sans);transition:var(--transition-fast);background-color:#0603098c;border:1px solid #a855f740;border-radius:10px;outline:none;padding:12px 16px}.auth-input-group input:focus{border-color:var(--color-gold);background-color:#060309d9;box-shadow:0 0 15px #d9af5626}.auth-actions-row{justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.auth-checkbox{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.auth-checkbox.agreement{margin-top:4px;font-size:12px;line-height:1.4}.forgot-password{color:var(--color-gold);transition:var(--transition-fast);font-weight:600}.forgot-password:hover{color:var(--color-gold-hover);text-decoration:underline}.btn-auth-submit{background:linear-gradient(135deg, var(--color-gold) 0%, var(--color-gold-dark) 100%);color:var(--bg-main);text-align:center;transition:var(--transition-smooth);cursor:pointer;border:none;border-radius:10px;margin-top:10px;padding:14px 0;font-size:15px;font-weight:800;box-shadow:0 4px 14px #d9af5640}.btn-auth-submit:hover{background:linear-gradient(135deg, var(--color-gold-hover) 0%, var(--color-gold) 100%);transform:translateY(-2px);box-shadow:0 8px 24px #d9af5673}.loading-view{background-color:var(--bg-main);text-align:center;justify-content:center;align-items:center;min-height:100vh;display:flex}.spinner-container{flex-direction:column;align-items:center;gap:15px;display:flex}.gold-spinner{border:3.5px solid #d9af5626;border-top-color:var(--color-gold);border-radius:50%;width:60px;height:60px;animation:1.2s cubic-bezier(.5,0,.5,1) infinite spin;box-shadow:0 0 25px #d9af5640}.spinner-container h2{color:#fff;font-family:var(--font-sans);letter-spacing:.5px;margin-top:10px;font-size:20px;font-weight:700}.spinner-container p{color:var(--text-secondary);font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-page-view{background-color:var(--bg-main);flex-direction:column;min-height:100vh;display:flex}.dashboard-nav{align-items:center;gap:10px;display:flex}.dash-nav-item{color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:flex}.dash-nav-item:hover{color:#fff;background-color:#ffffff0d}.dash-nav-item.active{color:var(--color-gold);background-color:#d9af5614;border:1px solid #d9af5640;box-shadow:0 0 15px #d9af560d}.dash-user-badge{background-color:#ffffff08;border:1px solid #ffffff0f;border-radius:30px;align-items:center;gap:15px;padding:6px 12px;display:flex}.user-info-text{flex-direction:column;align-items:flex-end;display:flex}.user-email-text{color:#fff;font-size:12.5px;font-weight:600}.kyc-badge{color:#10b981;letter-spacing:.5px;background-color:#10b9811f;border:1px solid #10b98133;border-radius:4px;margin-top:2px;padding:2px 6px;font-size:9px;font-weight:800}.btn-sec-signout{color:#ef4444;cursor:pointer;width:32px;height:32px;transition:var(--transition-fast);background-color:#ef44441a;border:1px solid #ef444433;border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-sec-signout:hover{color:#fff;background-color:#ef4444;transform:scale(1.05);box-shadow:0 0 12px #ef444466}.dashboard-content{flex:1;padding-top:30px;padding-bottom:50px}.tab-pane-view{width:100%}.portfolio-hero-grid{grid-template-columns:1.5fr 1fr;gap:25px;margin-bottom:40px;display:grid}.portfolio-value-card{background:linear-gradient(135deg,#1d0f39 0%,#0d061c 100%);border:1px solid #a855f740;border-radius:20px;flex-direction:column;justify-content:space-between;padding:30px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006}.portfolio-value-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#d9af561f 0%,#0000 70%);width:250px;height:250px;position:absolute;top:-50%;right:-30%}.val-card-header{color:var(--text-secondary);letter-spacing:1px;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.secured-badge{color:var(--color-gold);background-color:#d9af561a;border:1px solid #d9af5640;border-radius:30px;align-items:center;gap:5px;padding:3px 8px;font-size:10px;display:flex}.total-valuation-display{color:#fff;font-size:40px;font-weight:800;font-family:var(--font-sans);letter-spacing:-.5px;margin:20px 0 10px}.valuation-trend-row{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.trend-percentage{border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-weight:700;display:flex}.trend-percentage.positive{color:#10b981;background-color:#10b9811f}.cash-indicator{color:#fff;border-top:1px solid #ffffff14;align-items:center;gap:6px;margin-top:20px;padding-top:15px;font-size:13px;display:flex}.portfolio-allocation-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;justify-content:space-between;padding:25px;display:flex}.portfolio-allocation-card h3{color:#fff;margin-bottom:20px;font-size:16px;font-weight:700}.allocation-details-row{flex-direction:column;gap:20px;display:flex}.alloc-bar-container{background-color:#ffffff0d;border-radius:10px;height:14px;display:flex;overflow:hidden}.alloc-segment{height:100%;transition:width .8s ease-in-out}.alloc-segment.gold{background:linear-gradient(90deg,#f59e0b,#d9af56)}.alloc-segment.silver{background:linear-gradient(90deg,#9ca3af,#e5e7eb)}.alloc-segment.platinum{background:linear-gradient(90deg,#06b6d4,#a5f3fc)}.alloc-segment.iron{background:linear-gradient(90deg,#b45309,#d97706)}.alloc-segment.cash{background:linear-gradient(90deg,#8b5cf6,#c084fc)}.alloc-legend-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.legend-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot.gold{background-color:#d9af56}.dot.silver{background-color:#9ca3af}.dot.platinum{background-color:#06b6d4}.dot.iron{background-color:#b45309}.dot.cash{background-color:#8b5cf6}.holdings-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px;display:grid}.holding-card{min-height:180px;transition:var(--transition-smooth);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;justify-content:space-between;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0003}.holding-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000004d}.holding-card.gold{background:linear-gradient(135deg,#d9af5614 0%,#150a0366 100%);border-color:#d9af5633}.holding-card.gold:hover{border-color:#d9af5680}.holding-card.silver{background:linear-gradient(135deg,#9ca3af14 0%,#0a0f1466 100%);border-color:#9ca3af33}.holding-card.silver:hover{border-color:#9ca3af80}.holding-card.platinum{background:linear-gradient(135deg,#06b6d414 0%,#020a0f66 100%);border-color:#06b6d433}.holding-card.platinum:hover{border-color:#06b6d480}.holding-card.iron{background:linear-gradient(135deg,#b4530914 0%,#0f060266 100%);border-color:#b4530933}.holding-card.iron:hover{border-color:#b4530980}.card-top{justify-content:space-between;align-items:center;display:flex}.card-top h4{color:#fff;font-size:15px;font-weight:700}.symbol-label{color:var(--text-secondary);background-color:#ffffff0d;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:800}.holding-weight{color:#fff;margin:15px 0 2px;font-size:28px;font-weight:800}.grams-lbl{color:var(--text-secondary);font-size:14px;font-weight:500}.holding-value{color:var(--color-gold);font-size:14px;font-weight:600}.holding-action-row{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:15px;padding-top:10px;display:flex}.live-pricing-indicator{color:var(--text-secondary);font-size:11px}.btn-card-action{color:#fff;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-fast);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.btn-card-action:hover{background-color:var(--color-gold);border-color:var(--color-gold);color:var(--bg-main);box-shadow:0 0 10px #d9af564d}.activity-ledger-section{background-color:#ffffff03;border:1px solid #ffffff0f;border-radius:20px;padding:25px}.ledger-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.ledger-header h3{color:#fff;font-size:16px;font-weight:700}.btn-text-link{color:var(--color-gold);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;font-size:13px;font-weight:600}.btn-text-link:hover{color:var(--color-gold-hover);text-decoration:underline}.activity-ledger-table-container{overflow-x:auto}.ledger-table{border-collapse:collapse;text-align:left;width:100%}.ledger-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1.5px solid #ffffff14;padding:12px 15px;font-size:12px;font-weight:700}.ledger-table td{color:#fff;border-bottom:1px solid #ffffff0a;padding:15px;font-size:13.5px}.ledger-table tbody tr:hover td{background-color:#ffffff03}.tx-id-col{color:var(--color-gold);font-family:monospace;font-weight:700}.tx-type-tag{text-transform:uppercase;border-radius:30px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}.tx-type-tag.deposit{color:#10b981;background-color:#10b9811a;border:1px solid #10b98133}.tx-type-tag.buy{color:var(--color-gold);background-color:#d9af561a;border:1px solid #d9af5640}.tx-type-tag.sell{color:#a855f7;background-color:#a855f71a;border:1px solid #a855f733}.tx-type-tag.withdrawal{color:#ef4444;background-color:#ef44441a;border:1px solid #ef444433}.tx-amt-col.buy,.tx-amt-col.withdrawal{color:#ef4444}.tx-amt-col.sell,.tx-amt-col.deposit{color:#10b981}.tx-date-col{color:var(--text-secondary)}.status-badge{border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:700}.status-badge.success{color:#10b981;background-color:#10b9811a;border:1px solid #10b98126}.trade-layout-grid{grid-template-columns:1.2fr 1fr;gap:25px;display:grid}.live-trend-card{background-color:#ffffff05;border:1px solid #ffffff14;border-radius:20px;padding:25px}.trend-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.trend-meta h3{color:#fff;font-size:16px;font-weight:700}.live-pricing-tag{color:var(--color-gold);margin-top:4px;font-size:20px;font-weight:800;display:block}.btn-refresh{color:#fff;cursor:pointer;width:32px;height:32px;transition:var(--transition-fast);background-color:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-refresh:hover{background-color:#ffffff1a;transform:rotate(180deg)}.mock-chart-container{background-color:#00000026;border:1px solid #ffffff14;border-radius:18px;height:400px;margin-bottom:25px;position:relative;overflow:hidden}.chart-toolbar{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:14px;left:18px;right:18px}.chart-toolbar-left{align-items:center;gap:10px;display:flex}.ticker-chip,.chart-label{letter-spacing:.02em;text-transform:uppercase;color:#fff;background:#ffffff14;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.btn-chart-trade{pointer-events:auto;color:#1f1b12;cursor:pointer;background:linear-gradient(135deg,#d9af56 0%,#f8e9a2 100%);border:none;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;transition:transform .18s,box-shadow .18s}.btn-chart-trade:hover{transform:translateY(-1px);box-shadow:0 8px 24px #d9af563d}.mock-svg-chart{width:100%;height:100%;display:block}.market-stats-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.m-stat{background-color:#ffffff05;border:1px solid #ffffff0d;border-radius:10px;flex-direction:column;gap:4px;padding:12px 15px;display:flex}.stat-label{color:var(--text-secondary);text-transform:uppercase;font-size:11px;font-weight:700}.stat-val{color:#fff;font-size:14px;font-weight:700}.dash-trade-card{border:1px solid #d9af5633!important;box-shadow:0 10px 30px #0000004d!important}.wallet-layout-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.credit-card-wallet{color:#fff;background:linear-gradient(135deg,#4f2d7f 0%,#1c0e35 100%);border:1px solid #a855f74d;border-radius:20px;margin-bottom:25px;padding:25px;position:relative;overflow:hidden;box-shadow:0 10px 25px #0006}.credit-card-wallet:before{content:"";background:radial-gradient(circle,#a855f733 0%,#0000 70%);width:200px;height:200px;position:absolute;bottom:-30%;left:-20%}.card-top-row{justify-content:space-between;align-items:center;display:flex}.vault-acc-id{letter-spacing:1.5px;color:#ffffffb3;font-size:11px;font-weight:800}.cc-balance-lbl{color:#fff9;margin-top:30px;font-size:12px}.cc-balance-val{font-size:32px;font-weight:800;font-family:var(--font-sans);margin:5px 0 30px}.card-bottom-row{color:#fff9;justify-content:space-between;align-items:center;font-family:monospace;font-size:11px;display:flex}.wallet-funding-actions{background-color:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;padding:25px}.wallet-funding-actions h3{color:#fff;margin-bottom:20px;font-size:16px;font-weight:700}.funding-inputs-row{flex-direction:column;gap:20px;display:flex}.funding-input-group{flex-direction:column;gap:8px;display:flex}.funding-input-group label{color:var(--text-secondary);font-size:12px;font-weight:700}.funding-input-field-wrapper{align-items:center;display:flex;position:relative}.currency-symbol{color:#fff;font-weight:700;position:absolute;left:15px}.funding-input-field-wrapper input{color:#fff;width:100%;font-size:15px;font-family:var(--font-sans);background-color:#00000040;border:1px solid #ffffff14;border-radius:8px;outline:none;padding:12px 12px 12px 30px}.funding-input-field-wrapper input:focus{border-color:var(--color-gold)}.btn-funding-submit{font-family:var(--font-sans);cursor:pointer;transition:var(--transition-fast);border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:12px 0;font-size:13.5px;font-weight:700;display:flex}.btn-funding-submit.deposit{color:#fff;background-color:#10b981}.btn-funding-submit.deposit:hover{background-color:#059669;box-shadow:0 0 12px #10b98159}.btn-funding-submit.withdraw{color:#fff;background-color:#ffffff0d;border:1px solid #ffffff1a}.btn-funding-submit.withdraw:hover{color:var(--bg-main);background-color:#fff}.complete-vault-ledger{background-color:#ffffff03;border:1px solid #ffffff0f;border-radius:20px;flex-direction:column;padding:25px;display:flex}.complete-vault-ledger h3{color:#fff;margin-bottom:20px;font-size:16px;font-weight:700}.full-ledger-scrollable{flex-direction:column;gap:12px;max-height:480px;padding-right:5px;display:flex;overflow-y:auto}.full-ledger-scrollable::-webkit-scrollbar{width:4px}.full-ledger-scrollable::-webkit-scrollbar-thumb{background-color:#ffffff14;border-radius:10px}.ledger-card-item{transition:var(--transition-fast);background-color:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;padding:15px;display:flex}.ledger-card-item:hover{background-color:#ffffff0a}.ledger-item-left{align-items:center;gap:15px;display:flex}.ledger-type-circle{border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.ledger-type-circle.deposit{color:#10b981;background-color:#10b9811a}.ledger-type-circle.withdrawal{color:#ef4444;background-color:#ef44441a}.ledger-type-circle.buy{color:var(--color-gold);background-color:#d9af561a}.ledger-type-circle.sell{color:#a855f7;background-color:#a855f71a}.ledger-item-title{color:#fff;font-size:13.5px;font-weight:700}.ledger-item-date{color:var(--text-secondary);margin-top:2px;font-size:11.5px}.ledger-item-right{text-align:right}.ledger-item-amount{font-size:14.5px;font-weight:700}.ledger-item-amount.buy,.ledger-item-amount.withdrawal{color:#ef4444}.ledger-item-amount.sell,.ledger-item-amount.deposit{color:#10b981}.ledger-item-weight{color:var(--text-secondary);margin-top:2px;font-size:11.5px}.profile-dashboard-layout{grid-template-columns:1fr 1.8fr;gap:30px;display:grid}.profile-security-badge-card{text-align:center;background:linear-gradient(135deg,#110825 0%,#06020e 100%);border:1px solid #a855f733;border-radius:20px;padding:35px 25px;box-shadow:0 10px 25px #0000004d}.security-icon-shield{background-color:#a855f714;border:1px solid #a855f733;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.shield-glow{color:#a855f7;filter:drop-shadow(0 0 10px #a855f799)}.profile-security-badge-card h3{color:#fff;margin-bottom:8px;font-size:18px;font-weight:700}.profile-desc-p{color:var(--text-secondary);margin-bottom:25px;font-size:12.5px;line-height:1.5}.security-credentials-list{text-align:left;flex-direction:column;gap:12px;display:flex}.cred-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:10px 0;font-size:12px;display:flex}.cred-row span{color:var(--text-secondary)}.cred-row strong{color:#fff}.cred-row strong.positive-text{color:#10b981;align-items:center;gap:4px;display:flex}.profile-details-settings-card{background-color:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;padding:30px}.profile-details-settings-card h3{color:#fff;margin-bottom:25px;font-size:17px;font-weight:700}.profile-settings-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px;display:grid}.p-setting-item{flex-direction:column;gap:8px;display:flex}.p-setting-item label{color:var(--text-secondary);font-size:12px;font-weight:700}.profile-readonly-input{color:#ffffffb3;font-size:13.5px;font-family:var(--font-sans);background-color:#0003;border:1px solid #ffffff0f;border-radius:8px;outline:none;padding:12px}.profile-quick-actions-row{gap:15px;display:flex}.btn-profile-secondary{color:#fff;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-fast);background-color:#ffffff08;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:600;display:inline-flex}.btn-profile-secondary:hover{background-color:#ffffff14;border-color:#ffffff26}.animate-fade-in{animation:.45s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=1024px){.portfolio-hero-grid,.trade-layout-grid,.wallet-layout-grid,.profile-dashboard-layout{grid-template-columns:1fr}.holdings-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.holdings-grid{grid-template-columns:1fr}}.about-us-exact-container{background-color:#000;justify-content:center;width:100%;display:flex;position:relative}.exact-bg-img{width:100%;max-width:1600px;height:auto;display:block}.metals-interactive-overlay{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(10,1fr);gap:1%;max-width:1550px;margin:0 auto;display:grid;position:absolute;inset:26.5% 3% 33.5%}.metal-overlay-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;transition:background .2s;position:relative}.metal-overlay-btn:hover{background:#ffffff0d;box-shadow:0 0 20px #d9af5633}.metal-selected-ring{border:2px solid #d9af56;border-radius:8px;position:absolute;inset:0;box-shadow:0 0 15px #d9af5666}.cta-interactive-overlay{justify-content:center;align-items:center;height:10%;display:flex;position:absolute;bottom:12%;left:35%;right:35%}.cta-invisible-btn{cursor:pointer;background:0 0;border:none;width:100%;height:100%}.cta-invisible-btn:hover{background:#d9af561a;border-radius:12px}.metal-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.metal-modal{color:#fff;background:linear-gradient(#110a1a 0%,#08040d 100%);border:1px solid #d9af564d;border-radius:12px;width:90%;max-width:450px;padding:30px;font-family:Inter,system-ui,sans-serif;animation:.3s slideUp;position:relative;box-shadow:0 15px 50px #000c,0 0 30px #d9af5626}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.close-btn{color:#8c8693;cursor:pointer;background:0 0;border:none;transition:color .2s;position:absolute;top:15px;right:15px}.close-btn:hover{color:#d9af56}.modal-header{align-items:center;gap:15px;margin-bottom:25px;display:flex}.modal-header h2{background:linear-gradient(#fff 0%,#d9af56 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-family:Cinzel,serif;font-size:28px}.metal-badge{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:4px 10px;font-size:14px;font-weight:700}.metal-badge.gold{color:#d9af56;border-color:#d9af5666}.metal-badge.silver{color:#e0e0e0;border-color:#e0e0e066}.metal-badge.dark{color:#a9a9a9;border-color:#a9a9a966}.metal-badge.bronze{color:#cd7f32;border-color:#cd7f3266}.metal-badge.blue{color:#4169e1;border-color:#4169e166}.metal-badge.cyan{color:#00ced1;border-color:#00ced166}.metal-badge.green{color:#32cd32;border-color:#32cd3266}.metal-badge.liquid{color:silver;border-color:#c0c0c066}.modal-content p{color:#a39ea8;margin-bottom:25px;font-size:14px;line-height:1.6}.metal-stats{border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;gap:30px;margin-bottom:25px;padding:15px 0;display:flex}.stat{flex-direction:column;gap:5px;display:flex}.stat .label{color:#8c8693;text-transform:uppercase;letter-spacing:1px;font-size:11px}.stat .value{color:#fff;font-size:16px;font-weight:600}.live-price-box{background:#d9af561a;border:1px solid #d9af564d;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:25px;padding:15px 20px;display:flex}.live-label{color:#d9af56;text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:600}.live-value{color:#fff;font-family:Cinzel,serif;font-size:24px;font-weight:700}.trade-btn{color:#120524;letter-spacing:1px;cursor:pointer;text-transform:uppercase;background:linear-gradient(90deg,#d9af56 0%,#f3d488 50%,#d9af56 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:15px;font-weight:700;transition:transform .2s;display:flex}.trade-btn:hover{transform:scale(1.02)}