:root{font:14px/1.5 Arial,sans-serif;color:#292b36;background:#f6f7fc;--accent:#7176ed;--gradient:linear-gradient(110deg,#687cef,#7d4cac)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}.shell{width:100%;max-width:480px;margin:auto;min-height:100dvh;padding:0 16px 100px}.top{height:66px;display:flex;align-items:center;justify-content:space-between;background:#fff;margin:0 -16px 16px;padding:12px 20px;border-bottom:1px solid #eee}.logo{width:145px;max-height:38px;object-fit:contain}.top-actions{display:flex;gap:16px;font-size:21px;color:#8289d7}.titlebar{display:flex;align-items:center;justify-content:space-between;height:58px;margin:0 -16px 20px;padding:0 20px;background:#fff;border-bottom:1px solid #e8e8f0}.back{font-size:28px;line-height:1}.titlebar h1{font-size:17px;margin:0}.card{background:#fff;border:1px solid #eeeef4;border-radius:16px;padding:16px;margin:14px 0;box-shadow:0 5px 14px #232a4610}.hero{width:100%;display:block;border-radius:17px;object-fit:cover;max-height:240px}.section-title{font-size:16px;margin:22px 0 10px}.gradient,.primary{background:var(--gradient);color:white;border:0}.primary{display:block;width:100%;padding:15px 12px;border-radius:12px;font-weight:700;box-shadow:0 5px 12px #6c6bce28;text-align:center}.secondary{display:block;width:100%;padding:13px 16px;border:1px solid #d9d9ef;border-radius:12px;background:#eeeeff;color:#7880d8;font-size:16px;font-weight:600;text-align:left}.form-card{padding:22px 18px;background:#fafaff}.form-card h2{text-align:center;margin:0 0 18px;font-size:22px}.hint{color:#92929d;font-size:12px}.center{text-align:center}.form-card label{display:block;margin:17px 0 8px;font-size:13px}input,select{width:100%;border:1px solid #e5e5ef;background:#f8f9fd;border-radius:12px;padding:15px 12px;min-height:46px;color:#333;outline:none}input:focus,select:focus{border-color:#7a78dc;box-shadow:0 0 0 3px #7576e51a}input::placeholder{color:#a6a8b9}.password-field{position:relative}.password-field input{padding-right:46px}.eye{position:absolute;right:7px;top:6px;background:none;border:0;padding:9px;color:#7f79e3}.forgot{display:block;text-align:right;color:#7880d8;margin:14px 0 24px;font-size:12px}.auth{background:var(--gradient);min-height:100dvh}.auth .shell{padding-bottom:32px}.auth .top{background:none;border:0}.auth .titlebar{background:none;color:white;border:0}.auth .hero{border-radius:0;margin:20px 0}.auth h1{color:#fff;font-size:24px;text-align:center}.auth .copyright{color:#ededff}.copyright{margin:45px 0 20px;text-align:center;font-size:11px;color:#83858b}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.stat{background:#f7f8fd;border:1px solid #eeeef5;border-radius:12px;padding:15px 12px}.stat small{display:block;color:#9498a8;font-size:11px}.stat strong{display:block;margin-top:5px;font-size:18px}.stat.blue{background:#29b8e3;color:#fff}.stat.green{background:#30c99e;color:#fff}.stat.blue small,.stat.green small{color:#fff}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;text-align:center}.quick a{font-size:12px;padding:8px 0}.bubble{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;margin:0 auto 8px;font-size:24px;color:white;box-shadow:0 6px 12px #30303d15}.gold{background:linear-gradient(135deg,#ffdb87,#ffa534)}.cyan{background:linear-gradient(135deg,#62deef,#0aa5dc)}.pink{background:linear-gradient(135deg,#ffc7db,#f287a8)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 3px;border-bottom:1px solid #eeeef5}.row:last-child{border-bottom:0}.row span:last-child{color:#8b8e9d;font-size:12px;text-align:right;overflow-wrap:anywhere}.row .danger{color:#ed718c!important}.nav{position:fixed;bottom:max(10px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 24px);max-width:456px;background:#fafafff5;backdrop-filter:blur(12px);display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #eeeef5;border-radius:18px;padding:8px;box-shadow:0 3px 20px #36365310;z-index:10}.nav a{text-align:center;border-radius:12px;padding:6px;color:#999ba7;font-size:10px}.nav a.active{background:#eef0ff;color:#8175dc}.nav img{height:24px;width:24px;object-fit:contain;display:block;margin:0 auto 4px}.nav .symbol{display:block;font-size:25px;line-height:25px;margin-bottom:3px}.products{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product{background:#fff;border:1px solid #eeeef5;border-radius:14px;padding:12px;box-shadow:0 5px 12px #25253d0b}.product img{width:100%;height:130px;object-fit:contain}.product p{font-size:12px;min-height:36px;margin:10px 0 3px}.product strong{color:#7875dc;font-size:13px}.chips{display:flex;gap:6px;overflow:auto;padding:0 0 14px}.chip{background:#fff;border:1px solid #eeeef5;border-radius:24px;padding:9px 14px;white-space:nowrap;font-size:10px}.levels{display:grid;grid-template-columns:1fr 1fr;gap:10px}.levels .card{margin:12px 0;font-size:11px}.levels img{width:27px;float:left;margin-right:8px}.levels h3{font-size:12px;margin:0 0 4px}.notice{border-left:2px solid #827bdd;padding:12px;background:#f9f9ff;border-radius:8px;color:#838593;font-size:12px}.amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:16px}.amounts button,.tabs button{padding:13px 8px;border:1px solid #e5e5ef;border-radius:11px;background:#f7f8fd;color:#666}.tabs{display:flex;gap:6px;background:#e9ebf5;border-radius:12px;padding:4px}.tabs button{flex:1}.tabs button.active{background:var(--gradient);color:#fff}.service-hero{text-align:center;border-radius:16px;padding:25px 12px}.service-hero h1{font-size:20px}.service-hero p{font-size:12px}.service-link{display:inline-block;border-radius:15px;padding:7px 14px;font-size:12px;background:var(--gradient);color:#fff}details{padding:16px 0;border-bottom:1px solid #eeeef5}details:last-child{border:0}summary{cursor:pointer}details p{color:#8a8c96;font-size:13px}.empty{text-align:center;padding:32px 8px;color:#989aaa}.message{min-height:24px;color:#b34560;margin:12px 0;font-size:13px}.success{color:#159972}.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:100px;background:#252536ed;color:white;padding:12px 18px;border-radius:12px;max-width:90%;z-index:30}.loading{padding:30px;text-align:center}.account-prompt{background:#eff0ff;border-radius:12px;padding:14px;margin:14px 0;color:#6d69b7}.record{border-bottom:1px solid #eee;padding:15px 0}.record p{margin:4px 0;font-size:12px;color:#898c98}.record strong{font-size:14px}.record img{width:48px;height:48px;object-fit:contain;float:left;margin-right:10px}.textlink{color:#7977d7;text-decoration:underline}.footer-banners img{width:100%;border-radius:13px;margin-top:12px}.overview-note{line-height:1.8}.amount-field{position:relative}.amount-field input{padding-right:55px}.amount-field button{position:absolute;right:10px;top:12px;border:0;background:none;color:#7875cf}.balance-line{font-size:12px;color:#9597a6;margin:10px 0}button:focus-visible,a:focus-visible{outline:3px solid #8284ea;outline-offset:3px}@media(min-width:700px){.shell{box-shadow:0 0 35px #33334f10}.auth .shell{box-shadow:none}.hero{max-height:260px}}@media(max-width:350px){.shell{padding-left:12px;padding-right:12px}.top,.titlebar{margin-left:-12px;margin-right:-12px}.product img{height:100px}.stat strong{font-size:16px}}