:root{--bg:#f3f6fb;--card:#fff;--text:#08162f;--muted:#65738c;--line:#e5ebf4;--blue:#1065f6;--blue2:#0097ff;--green:#0caf67;--green-soft:#e8f9f1;--gold:#d99507;--gold-soft:#fff6df;--shadow:0 12px 34px rgba(31,66,122,.09);--r:22px}
*{box-sizing:border-box}html{background:#e9eef6}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:linear-gradient(180deg,#eef3f9 0,#e7edf5 100%);min-height:100vh}.app-shell{position:relative;width:min(100%,460px);min-height:100vh;margin:0 auto;background:#f9fbfe;box-shadow:0 0 60px rgba(31,59,101,.13);overflow:hidden}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px;background:rgba(249,251,254,.92);backdrop-filter:blur(20px);position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(229,235,244,.7)}.brand{display:flex;align-items:center;gap:10px;border:0;background:none;padding:0;color:inherit;text-align:left}.brand-mark{position:relative;width:34px;height:34px}.brand-mark:before,.brand-mark:after,.brand-mark i,.brand-mark b{content:"";position:absolute;display:block;transform:skewX(-25deg);border-radius:3px}.brand-mark:before{width:10px;height:28px;background:#11c583;left:4px;top:2px}.brand-mark:after{width:10px;height:28px;background:#1377ff;right:4px;top:2px}.brand-mark i{width:10px;height:21px;background:#0ba1f4;left:12px;top:11px;transform:rotate(45deg) skewX(-20deg)}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:16px;font-weight:800;letter-spacing:-.02em}.brand-copy small{font-size:8px;color:var(--muted);margin-top:1px}.top-actions{display:flex;gap:8px}.lang-btn,.icon-btn{height:38px;border-radius:12px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--text)}.lang-btn{padding:0 11px;gap:7px;font-size:12px}.lang-btn .chev{color:var(--muted)}.icon-btn{width:38px;position:relative}.notify-dot{width:6px;height:6px;border-radius:50%;background:#ff4d5c;position:absolute;right:7px;top:7px}.lang-menu{position:fixed;z-index:90;top:66px;right:calc(50% - min(230px,50vw) + 18px);width:150px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:none}.lang-menu.show{display:grid}.lang-menu button{border:0;background:transparent;padding:10px 12px;text-align:left;border-radius:10px;color:var(--text)}.lang-menu button:hover{background:#f2f6fb}main{padding:0 18px 102px}.page{display:none;animation:pageIn .23s ease}.page.active{display:block}@keyframes pageIn{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}
.hero-card{height:296px;border-radius:28px;overflow:hidden;position:relative;background:#eaf3ff;box-shadow:var(--shadow);margin-top:10px}.hero-photo{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(246,250,255,.98) 0%,rgba(246,250,255,.9) 36%,rgba(246,250,255,.08) 64%,rgba(246,250,255,0) 100%),url('assets/hero-professional.png');background-size:cover;background-position:58% center}.hero-copy{position:relative;z-index:2;width:59%;padding:32px 0 0 22px}.eyebrow,.section-kicker{display:block;font-size:10px;letter-spacing:.16em;font-weight:800;color:#1d73e8;margin-bottom:8px}.hero-copy h1{font-size:32px;line-height:1.02;letter-spacing:-.05em;margin:0 0 12px}.hero-copy p{font-size:12px;line-height:1.5;color:#41516b;margin:0 0 18px}.primary{height:44px;border-radius:14px;border:0;background:linear-gradient(135deg,#0a78ff,#1653e8);color:#fff;font-weight:800;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 8px 20px rgba(16,101,246,.24)}.primary.wide{width:100%;height:50px;font-size:14px}.quick-actions,.profile-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 22px}.quick,.profile-actions button{border:1px solid var(--line);background:#fff;border-radius:18px;padding:14px 6px 12px;display:flex;flex-direction:column;align-items:center;gap:5px;box-shadow:0 7px 20px rgba(22,50,95,.05)}.quick strong,.profile-actions strong{font-size:11px}.quick small{font-size:8px;color:var(--muted)}.qicon{width:34px;height:34px;border-radius:10px;color:#fff;display:grid;place-items:center;font-weight:900;font-size:18px;box-shadow:0 7px 16px rgba(15,40,80,.12)}.qicon.deposit{background:linear-gradient(135deg,#14c77f,#069d5f)}.qicon.withdraw{background:linear-gradient(135deg,#1c81ff,#1a5de0)}.qicon.support{background:linear-gradient(135deg,#173d7b,#08214e)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin:0 2px 14px}.section-head h2{font-size:19px;line-height:1.15;margin:0;letter-spacing:-.03em}.section-kicker{margin-bottom:5px}.text-link{border:0;background:transparent;color:var(--blue);font-size:11px;font-weight:700;white-space:nowrap}.strategy-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.strategy-mini{border:1px solid var(--line);border-radius:20px;padding:14px 10px 12px;background:#fff;min-width:0}.strategy-mini.stable{background:linear-gradient(180deg,#f4fdf8,#fff);border-color:#dff4e9}.strategy-mini.advanced{background:linear-gradient(180deg,#f3f8ff,#fff);border-color:#deebff}.strategy-mini.premium{background:linear-gradient(180deg,#fff9eb,#fff);border-color:#f6e9c8}.strategy-icon{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;font-size:18px;font-weight:900;margin-bottom:9px}.stable .strategy-icon{color:#07985c;background:#dff7ea}.advanced .strategy-icon{color:#1268e9;background:#e2efff}.premium .strategy-icon{color:#b97800;background:#fff0c7}.strategy-mini h3{font-size:12px;margin:0 0 8px}.strategy-mini>strong{font-size:19px;display:block}.strategy-mini.stable>strong{color:#0aa764}.strategy-mini.advanced>strong{color:#1268e9}.strategy-mini.premium>strong{color:#c58400}.strategy-mini>span{font-size:8px;color:var(--muted);display:block;margin:2px 0 12px}.mini-meta{display:grid;grid-template-columns:1fr;gap:1px;margin-bottom:10px}.mini-meta b{font-size:10px}.mini-meta small{font-size:7px;color:var(--muted);margin-bottom:3px}.strategy-mini button{border:0;border-radius:11px;height:34px;width:100%;font-size:10px;font-weight:800}.stable button{background:#dff8eb;color:#07864f}.advanced button{background:#e3efff;color:#0e5fd5}.premium button{background:#fff0cc;color:#a86c00}.ai-banner{display:grid;grid-template-columns:80px 1fr 38px;align-items:center;gap:10px;background:linear-gradient(135deg,#061930,#0b3c6c);border-radius:22px;padding:17px 14px;margin:18px 0;color:#fff;overflow:hidden;position:relative}.ai-banner:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-70px;top:-80px;background:radial-gradient(circle,#1f87ff66,transparent 65%)}.ai-graphic{position:relative;width:70px;height:70px;border-radius:50%;border:1px solid #2a8cff88;display:grid;place-items:center}.ai-graphic:before,.ai-graphic:after{content:"";position:absolute;border:1px solid #27a7ff55;border-radius:50%}.ai-graphic:before{inset:10px}.ai-graphic:after{inset:20px}.ai-graphic .core{font-size:16px;font-weight:900;color:#6bc5ff}.ai-copy{position:relative}.ai-copy>span{font-size:8px;letter-spacing:.16em;color:#69c0ff;font-weight:700}.ai-copy h3{font-size:16px;margin:4px 0 5px}.ai-copy p{font-size:9px;line-height:1.4;color:#c5d5e6;margin:0}.ai-banner>button{position:relative;border:1px solid #ffffff38;background:#ffffff12;color:#fff;border-radius:50%;width:36px;height:36px}.ai-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.ai-principles>div{border:1px solid var(--line);border-radius:16px;background:#fff;padding:12px 10px}.ai-principles span{font-size:9px;color:#2b78dd;font-weight:800}.ai-principles strong{display:block;font-size:11px;margin:7px 0 3px}.ai-principles small{display:block;font-size:7px;line-height:1.4;color:var(--muted)}
.page-title{padding:28px 2px 18px}.page-title h1{font-size:30px;letter-spacing:-.045em;margin:0 0 8px}.page-title p{font-size:12px;line-height:1.5;color:var(--muted);margin:0;max-width:390px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#edf3fb;padding:4px;border-radius:15px;margin-bottom:14px}.tabs button{height:38px;border:0;border-radius:12px;background:transparent;color:#5f6e86;font-size:11px;font-weight:700}.tabs button.active{background:#fff;color:#075ee3;box-shadow:0 4px 12px rgba(36,76,133,.08)}.trade-card{border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:20px}.trade-head{display:grid;grid-template-columns:50px 1fr;gap:13px}.strategy-icon.big{width:50px;height:50px;border-radius:17px}.trade-head h2{font-size:24px;margin:5px 0 5px}.trade-head p{font-size:10px;line-height:1.55;color:var(--muted);margin:0}.risk-pill{font-size:8px;font-weight:800;border-radius:999px;padding:5px 8px;background:#e8f8ef;color:#07864f}.trade-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.trade-stats>div{background:#f7f9fd;border:1px solid #edf1f7;border-radius:14px;padding:12px 10px}.trade-stats small{font-size:8px;color:var(--muted);display:block;margin-bottom:5px}.trade-stats strong{font-size:13px}.amount-field{display:block;margin-bottom:14px}.amount-field>span{font-size:9px;color:var(--muted);font-weight:600}.amount-field>div{display:flex;align-items:center;border:1px solid var(--line);border-radius:14px;margin-top:6px;padding:0 12px;height:50px;background:#fbfcfe}.amount-field b{color:#78859a}.amount-field input{border:0;outline:0;flex:1;background:transparent;font-size:19px;font-weight:800;color:var(--text);padding-left:8px;width:100%}.amount-field small{display:block;margin-top:5px;font-size:8px;color:var(--muted)}.process-card{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px}.process-card h3{font-size:14px;margin:0 0 14px}.process{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.process>div{border-radius:14px;background:#f7f9fc;padding:11px}.process span{width:22px;height:22px;border-radius:50%;background:#e1ecff;color:#1065f6;display:grid;place-items:center;font-size:8px;font-weight:800;margin-bottom:7px}.process b{font-size:10px;display:block}.process small{font-size:7px;color:var(--muted);line-height:1.4}.system-note{display:flex;gap:11px;align-items:center;margin-top:14px;background:#eef7ff;border:1px solid #dfeefe;border-radius:17px;padding:13px}.system-note span{width:34px;height:34px;border-radius:12px;background:#dcecff;color:#1268e9;display:grid;place-items:center;font-weight:900}.system-note p{font-size:9px;color:#536681;margin:0;line-height:1.45}
.running-empty{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:36px 24px;box-shadow:var(--shadow)}.empty-orb{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#daf0ff,#edf6ff);border:1px solid #dcecff;position:relative;margin-bottom:18px}.empty-orb:before,.empty-orb:after{content:"";position:absolute;border-radius:50%;border:1px solid #5aa8ff55}.empty-orb:before{inset:13px}.empty-orb:after{inset:26px}.empty-orb span{font-weight:900;color:#1877ef}.running-empty h2{font-size:18px;margin:0 0 8px}.running-empty p{font-size:10px;line-height:1.5;color:var(--muted);margin:0 0 18px;max-width:270px}.running-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--shadow)}.hidden{display:none!important}.running-top{display:flex;justify-content:space-between;align-items:center}.running-top small{font-size:8px;color:#0a9e60;font-weight:800}.running-top h2{font-size:22px;margin:5px 0}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#14c77f;margin-right:5px}.time-ring{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#176ef0 var(--pct,0%),#e8eef7 0);position:relative}.time-ring:before{content:"";position:absolute;inset:6px;background:#fff;border-radius:50%}.time-ring span{position:relative;font-size:11px;font-weight:800}.run-data{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0}.run-data>div{background:#f7f9fc;border-radius:13px;padding:10px}.run-data small{display:block;font-size:7px;color:var(--muted);margin-bottom:4px}.run-data strong{font-size:10px}.progress{height:8px;border-radius:99px;background:#e8eef7;overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#0a84ff,#1d5ee7);border-radius:99px}.run-message{font-size:9px;line-height:1.5;color:var(--muted);margin:14px 0 0}.running-info{display:grid;gap:9px;margin-top:14px}.running-info>div{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px}.running-info>div>span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#edf5ff;color:#1674e8}.running-info strong{font-size:10px;display:block}.running-info small{font-size:8px;color:var(--muted)}
.history-filter{display:flex;gap:7px;margin-bottom:14px;overflow:auto}.history-filter button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;color:#66758b;font-size:10px}.history-filter button.active{background:#0f67f2;color:#fff;border-color:#0f67f2}.history-list{display:grid;gap:10px}.history-empty{text-align:center;background:#fff;border:1px solid var(--line);border-radius:23px;padding:34px}.history-empty>span{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;margin:0 auto 13px;background:#eef5ff;color:#1268e9;font-size:22px}.history-empty h3{font-size:15px;margin:0 0 6px}.history-empty p{font-size:9px;color:var(--muted);margin:0}.history-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center}.history-item .strategy-icon{margin:0;width:42px;height:42px}.history-item h4{font-size:11px;margin:0 0 4px}.history-item small{font-size:8px;color:var(--muted)}.history-item .result{text-align:right}.history-item .result b{display:block;font-size:11px;color:#0aa764;margin-bottom:4px}
.profile-head{display:flex;align-items:center;padding:28px 2px 20px;gap:12px}.avatar{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#dce7f9,#edf3fb);color:#183458;font-size:20px;font-weight:800}.profile-head>div:nth-child(2){flex:1}.profile-head span{font-size:9px;color:var(--muted)}.profile-head h1{font-size:20px;margin:2px 0}.profile-head small{font-size:9px;color:var(--muted)}.edit-btn{border:0;background:transparent;color:#176be7;font-size:10px}.profile-actions{margin-top:0}.profile-actions button{gap:8px}.menu-card,.profile-lower{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden}.menu-card button,.profile-lower button{width:100%;height:54px;display:grid;grid-template-columns:26px 1fr auto auto;align-items:center;gap:5px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;padding:0 14px;color:var(--text)}.menu-card button:last-child,.profile-lower button:last-child{border-bottom:0}.menu-card b,.profile-lower b{font-size:11px;font-weight:600}.menu-card>button>span,.profile-lower>button>span{color:#163564}.menu-card i,.profile-lower i{font-style:normal;color:#8793a5}.menu-card em,.profile-lower em{font-size:9px;font-style:normal;color:var(--muted)}.verified{background:#e8f8ef;color:#089657!important;border-radius:999px;padding:5px 8px}.profile-lower{margin-top:12px}.logout{width:100%;height:50px;margin-top:14px;border:0;border-radius:16px;background:#fff;color:#df3848;font-weight:700}
.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:60;width:min(100%,460px);height:82px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.94);backdrop-filter:blur(22px);border-top:1px solid var(--line)}.bottom-nav button{border:0;background:transparent;color:#7a8799;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.bottom-nav button.active{color:#0c67f1}.nav-icon{font-size:20px;line-height:1}.bottom-nav small{font-size:8px;font-weight:700}.sheet-backdrop{position:fixed;inset:0;background:#05132855;z-index:95;opacity:0;pointer-events:none;transition:.2s}.sheet-backdrop.show{opacity:1;pointer-events:auto}.action-sheet{position:fixed;z-index:100;left:50%;bottom:0;transform:translate(-50%,110%);width:min(100%,460px);background:#fff;border-radius:24px 24px 0 0;padding:12px 20px 28px;transition:.25s ease;box-shadow:0 -20px 50px rgba(18,43,83,.15)}.action-sheet.show{transform:translate(-50%,0)}.grab{width:42px;height:4px;border-radius:99px;background:#dbe1ea;margin:0 auto 12px}.sheet-close{position:absolute;right:16px;top:13px;border:0;background:#f3f6fa;width:30px;height:30px;border-radius:50%;font-size:18px;color:#6d798b}.sheet-title{font-size:20px;margin:8px 0 6px}.sheet-sub{font-size:10px;color:var(--muted);line-height:1.5;margin:0 0 18px}.sheet-form{display:grid;gap:10px}.sheet-form label{font-size:9px;color:var(--muted)}.sheet-form input,.sheet-form textarea{width:100%;border:1px solid var(--line);border-radius:13px;padding:12px;background:#fbfcfe;color:var(--text);outline:0}.sheet-form textarea{min-height:80px;resize:none}.sheet-form .primary{width:100%;margin-top:3px}.toast{position:fixed;z-index:120;left:50%;bottom:100px;transform:translate(-50%,20px);background:#06182e;color:#fff;border-radius:12px;padding:10px 14px;font-size:10px;opacity:0;pointer-events:none;transition:.2s;max-width:330px;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
.auth-container{max-width:400px;margin:40px auto;padding:40px 30px;background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(31,66,122,.12)}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{font-size:28px;font-weight:800;margin:0 0 8px;letter-spacing:-.02em}.auth-header p{font-size:14px;color:var(--muted);margin:0}.auth-form{display:grid;gap:16px}.auth-form .form-group{margin:0}.auth-form .form-group label{display:block;font-size:12px;font-weight:600;color:var(--text);margin-bottom:8px}.auth-form .form-group input{width:100%;height:48px;border:1.5px solid var(--line);border-radius:12px;padding:0 16px;font-size:14px;background:#fafbfc;color:var(--text);outline:0;transition:border-color .2s}.auth-form .form-group input:focus{border-color:var(--blue);background:#fff}.auth-footer{text-align:center;margin-top:24px;font-size:13px;color:var(--muted)}.auth-footer .text-link{margin-left:6px;font-size:13px}.toast-inline{margin-top:16px;padding:12px 16px;border-radius:10px;font-size:12px;display:none;text-align:center}.toast-inline.show{display:block}.toast-inline.ok{background:var(--green-soft);color:var(--green)}.toast-inline.err{background:#ffe8ec;color:var(--red)}
@media(min-width:700px){body{padding:26px 0}.app-shell{border-radius:30px;min-height:calc(100vh - 52px)}.bottom-nav{bottom:26px;border-radius:0 0 30px 30px}.topbar{border-radius:30px 30px 0 0}.action-sheet{bottom:26px;border-radius:24px}.lang-menu{right:calc(50% - 210px)}}