:root{--purple:#6423d3;--purple2:#7c2fe8;--ink:#15121c;--muted:#514a5e;--line:#e9e5ee;--green:#20a440;--orange:#ff7a19;--red:#ee303d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2f1f4;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.sub-page{position:relative;width:var(--canvas-width);min-height:1821px;margin:0 auto;padding:0 35px 88px;overflow:hidden;background:#fff}button,a{font:inherit}.sub-page.reference-canvas{max-width:none;margin:0;zoom:var(--canvas-scale)}.sub-header{position:relative;height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee}.sub-brand{display:flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none}.sub-brand>i{width:56px;height:56px;display:grid;place-items:center;clip-path:polygon(50% 0,93% 24%,93% 76%,50% 100%,7% 76%,7% 24%);color:#fff;background:linear-gradient(145deg,#7b35ee,#4b15ba);font-size:30px;font-style:normal}.sub-brand b{display:block;color:var(--purple);font-size:27px}.sub-brand small{display:block;margin-top:3px;color:#453e4f;font-size:13px}.sub-tools{display:flex;align-items:center;gap:24px}.sub-tools button{height:52px;min-width:48px;border:0;background:transparent;font-size:32px}.sub-tools .login-btn{min-width:124px;border-radius:11px;color:#fff;background:linear-gradient(130deg,#5e21cd,#792ce7);font-size:18px;font-weight:800}.sub-drawer{position:absolute;z-index:30;right:0;top:80px;width:170px;padding:8px;border:1px solid #ddd3eb;border-radius:10px;background:#fff;box-shadow:0 14px 28px #d9d1e3}.sub-drawer a{display:block;padding:10px;color:var(--purple);text-decoration:none;font-weight:700}.crumb{height:58px;display:flex;align-items:center;gap:15px;color:#696173;font-size:16px}.crumb a{color:#4e4759;text-decoration:none}.crumb b{color:var(--purple)}.page-intro{position:relative;min-height:180px;padding:30px 8px}.page-intro h1{margin:0 0 16px;font-size:39px;line-height:1.16}.page-intro h1 em{display:block;color:var(--purple);font-style:normal}.page-intro p{max-width:520px;margin:0;color:#50495c;font-size:19px;line-height:1.5}.page-intro img{position:absolute;right:0;top:-20px;width:390px;height:300px;object-fit:contain}.section-title{height:52px;display:flex;align-items:center;justify-content:space-between}.section-title h2,.section-title{margin:0;font-size:23px}.section-title button{border:0;color:var(--purple);background:transparent;font-weight:800}.info-strip{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;min-height:90px;padding:13px 22px;border:1px solid #e8e0f3;border-radius:12px;background:#faf7ff}.info-strip article{display:flex;gap:12px;align-items:center}.info-strip img{width:48px;height:48px;object-fit:contain}.info-strip i{color:var(--purple);font-size:33px;font-style:normal}.info-strip b,.info-strip small{display:block}.info-strip small{margin-top:6px;color:#554e5f}.notice{display:flex;align-items:center;gap:17px;min-height:82px;padding:14px 22px;border:1px solid #f1d78d;border-radius:11px;background:#fffaf0}.notice i{color:#f0a800;font-size:37px;font-style:normal}.notice b{display:block;margin-bottom:6px;font-size:18px}.faq-box{padding:0 17px 14px;border-radius:13px;background:#fbfaff}.faq-box details{border:1px solid var(--line);border-radius:9px;background:#fff}.faq-box details+details{margin-top:6px}.faq-box summary{min-height:43px;display:flex;align-items:center;padding:0 16px;list-style:none;font-weight:700}.faq-box summary:after{margin-left:auto;content:'⌄'}.faq-box p{margin:0;padding:0 16px 10px;color:var(--muted);font-size:13px}.independent{height:76px;display:flex;align-items:center;gap:17px;padding:11px 18px;border-radius:10px;background:#f5efff}.independent img{width:48px;height:48px;object-fit:contain}.independent p{flex:1;margin:0;color:#514a5c;line-height:1.45}.independent b{width:48px;height:48px;display:grid;place-items:center;border:2px solid var(--purple);border-radius:50%;color:var(--purple)}.sub-nav{position:fixed;z-index:40;left:50%;bottom:0;width:var(--canvas-width);height:86px;display:grid;grid-template-columns:repeat(5,1fr);padding:6px 34px 5px;border-radius:15px 15px 0 0;background:#fff;box-shadow:0 -5px 18px rgba(39,24,55,.1);transform:translateX(-50%)}.sub-nav a{display:grid;place-items:center;gap:2px;color:#201b28;text-decoration:none;font-size:13px}.sub-nav img{width:34px;height:34px;object-fit:contain}.sub-nav .active{color:var(--purple);font-weight:800}.sub-toast{position:fixed;z-index:60;left:50%;bottom:100px;padding:12px 18px;border-radius:9px;color:#fff;background:#2e1748;transform:translateX(-50%);font-weight:700}.sub-toast[hidden]{display:none}
/* Login */.login-page .page-intro{height:175px;text-align:center}.login-page .page-intro p{margin:auto}.secure-login{height:135px;display:flex;align-items:center;gap:24px;padding:20px 27px;border:1px solid #e7dcf6;border-radius:12px;background:#faf7ff}.secure-login img{width:68px;height:68px;object-fit:contain}.secure-login b{display:block;margin-bottom:9px;font-size:22px}.secure-login p{margin:0;font-size:17px}.login-steps{height:715px}.step-list details{height:125px;margin-bottom:10px;border:1px solid var(--line);border-radius:12px}.step-list summary{height:123px;display:grid;grid-template-columns:50px 80px 1fr 25px;align-items:center;padding:0 24px;list-style:none}.step-list summary:after{content:'⌄';font-size:22px}.step-list .num{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:var(--purple);background:#eee5ff;font-weight:800}.step-list img{width:64px;height:64px;object-fit:contain}.step-list b{display:block;font-size:20px}.step-list small{display:block;margin-top:8px;color:#514a5c;font-size:16px}.step-list p{display:none}.login-page .notice{height:96px}.login-page .faq-box{height:300px;margin-top:28px}
/* App */.app-page .page-intro{height:180px}.download-options{height:390px}.download-card{height:180px;margin-bottom:10px;padding:15px 22px;border:1px solid var(--line);border-radius:12px}.download-card header{display:grid;grid-template-columns:100px 1fr 70px;align-items:center}.download-card header img{width:80px;height:80px;object-fit:contain}.download-card h3{margin:0 0 8px;font-size:21px}.download-card p{margin:0;color:var(--muted);font-size:16px;line-height:1.4}.download-card em{padding:8px;border-radius:10px;color:var(--green);background:#effaf1;font-style:normal;font-weight:700}.download-card button{width:100%;height:52px;margin-top:10px;border:1px solid #cfe7d4;border-radius:9px;color:var(--green);background:#f5fff7;font-size:17px;font-weight:800}.download-card.ios button{color:var(--purple);border-color:#e1d5f3;background:#fbf8ff}.install-flow{height:210px}.flow-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.flow-grid article{text-align:center}.flow-grid img{width:72px;height:72px;object-fit:contain}.flow-grid b{display:block;margin-top:8px}.issues{height:215px;padding:18px 24px;border:1px solid #e7e0f1;border-radius:12px;background:#fbfaff}.issues h3{margin:0 0 12px}.issues p{margin:8px 0;color:#4e4758}.issues a{color:var(--purple);font-weight:800}.app-page .faq-box{height:230px}.related{height:175px}.related-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.related-grid article{height:120px;padding:12px 8px;border:1px solid var(--line);border-radius:10px;text-align:center}.related-grid img{width:42px;height:42px}.related-grid b,.related-grid small{display:block}.related-grid small{margin-top:6px;color:var(--muted)}
/* Bonus */.bonus-page .page-intro{height:275px}.bonus-page .page-intro p{width:400px}.featured-bonus{height:230px;display:grid;grid-template-columns:315px 1fr 150px;gap:18px;align-items:center;padding:6px;border:1px solid var(--line);border-radius:12px}.featured-bonus>img{width:315px;height:218px;border-radius:10px;object-fit:cover}.featured-bonus h2{margin:12px 0;font-size:23px}.featured-bonus p{color:var(--muted);line-height:1.5}.featured-bonus button,.other-bonus button{height:50px;padding:0 24px;border:0;border-radius:9px;color:#fff;background:var(--purple);font-weight:800}.other-bonuses{height:390px}.other-bonus{height:150px;display:grid;grid-template-columns:220px 1fr 145px;align-items:center;gap:16px;margin-bottom:12px;padding:6px;border:1px solid var(--line);border-radius:11px}.other-bonus img{width:220px;height:138px;border-radius:9px;object-fit:cover}.other-bonus h3{margin:0 0 9px;font-size:20px}.other-bonus p{margin:0;color:var(--muted)}.claim-flow{height:255px}.claim-flow .flow-grid{grid-template-columns:repeat(4,1fr)}.bonus-page .faq-box{height:290px}
/* Review */.review-page .page-intro{height:280px}.review-page .page-intro p{width:430px}.rating-box{height:235px;display:grid;grid-template-columns:260px 1fr;gap:30px;padding:24px;border:1px solid var(--line);border-radius:12px}.overall{text-align:center;border-right:1px solid var(--line)}.overall strong{display:block;margin:13px;font-size:64px}.stars{color:#ffae00;font-size:30px}.score-row{display:grid;grid-template-columns:150px 1fr 40px;align-items:center;height:40px}.bar{height:12px;border-radius:8px;background:#e4e1e9}.bar i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#7e2cea,#5921ca)}.pros-cons{height:290px;display:grid;grid-template-columns:1fr 1fr;margin-top:18px;border:1px solid var(--line);border-radius:12px}.pros-cons article{padding:28px 32px}.pros-cons article+article{border-left:1px solid var(--line)}.pros-cons h2{color:var(--green)}.pros-cons .cons h2{color:var(--red)}.pros-cons p{margin:14px 0;color:#4c4557}.user-reviews{height:310px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.review-card{height:245px;padding:18px;border:1px solid var(--line);border-radius:11px}.review-card b{font-size:17px}.review-card time{display:block;margin:7px 0;color:#756d7f}.review-card p{line-height:1.5}.review-page .faq-box{height:300px}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}