:root{--ink:#0b174d;--purple:#632bea;--blue:#2367df;--green:#008b67;--line:#e5e7f3;--soft:#f5f4ff}*{box-sizing:border-box}html,body{margin:0;background:#eef0f8;color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif}button,input{font:inherit}.subpage{position:relative;width:864px;height:1821px;margin:0 auto;overflow:hidden;background:linear-gradient(135deg,#fff,#fafaff 55%,#f4f3ff)}.sub-header{height:104px;padding:22px 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7f1;background:#fff}.sub-header .brand{display:flex;align-items:center;gap:14px;color:var(--ink);text-decoration:none}.sub-header .brand-shield{width:50px;height:58px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#714cff,#4023d6);font-size:28px;font-weight:900;clip-path:polygon(50% 0,95% 20%,90% 72%,50% 100%,10% 72%,5% 20%)}.sub-header strong{display:block;font-size:31px;line-height:32px}.sub-header small{display:block;color:#4f2ee1;font-size:17px;font-weight:900;letter-spacing:7px}.sub-actions{display:flex;align-items:center;gap:30px}.sub-actions button{border:0}.sub-search{width:45px;height:45px;background:transparent;position:relative}.sub-search:before{content:"";position:absolute;left:7px;top:5px;width:25px;height:25px;border:3px solid var(--ink);border-radius:50%}.sub-search:after{content:"";position:absolute;left:31px;top:31px;width:13px;height:3px;background:var(--ink);transform:rotate(48deg)}.sub-login{width:104px;height:54px;border-radius:12px;color:white;background:linear-gradient(135deg,#6738ea,#4924d5);font-weight:700}.sub-menu{width:45px;height:45px;background:linear-gradient(var(--ink),var(--ink)) 5px 8px/34px 3px no-repeat,linear-gradient(var(--ink),var(--ink)) 5px 21px/34px 3px no-repeat,linear-gradient(var(--ink),var(--ink)) 5px 34px/34px 3px no-repeat}.sub-hero{height:280px;padding:40px 48px;position:relative;background:radial-gradient(circle at 73% 42%,#ece7ff,transparent 42%)}.sub-hero h1{margin:0;font-size:45px;line-height:1.08}.sub-hero h1 em{color:#642cf0;font-style:normal}.sub-hero p{margin:20px 0;color:#4b557b;font-size:19px;line-height:1.55}.sub-hero img{position:absolute;right:0;top:8px;width:390px;height:260px;object-fit:cover;mix-blend-mode:multiply}.sub-searchbar{position:absolute;left:46px;bottom:20px;width:465px;height:58px;display:flex;align-items:center;padding:6px 7px 6px 22px;border:1px solid #dedff0;border-radius:32px;background:#fff;box-shadow:0 8px 22px rgba(40,35,92,.09)}.sub-searchbar input{flex:1;border:0;outline:0;font-size:16px}.sub-searchbar button{width:104px;height:44px;border:0;border-radius:24px;color:#fff;background:#5b28e6;font-weight:700}.tabs{height:130px;padding:20px 42px;display:grid;gap:14px}.tabs.seven{grid-template-columns:repeat(7,1fr)}.tabs.six{grid-template-columns:repeat(6,1fr)}.tabs button{border:0;border-radius:15px;background:#f6f5fb;color:#111a44;font-weight:700}.tabs button span{display:block;margin-bottom:8px;font-size:29px}.tabs button.active{border:2px solid #6930ed;background:#fff;color:#5f2ce5;box-shadow:0 8px 16px rgba(90,43,225,.08)}.feature-card{height:260px;margin:0 42px;padding:22px;border-radius:20px;background:linear-gradient(120deg,#f3efff,#fff);box-shadow:0 9px 24px rgba(44,45,100,.08);display:grid;grid-template-columns:280px 1fr 60px;gap:24px;align-items:center}.feature-card img{width:265px;height:185px;border-radius:14px;object-fit:cover}.feature-card h2{margin:0 0 14px;font-size:26px;line-height:1.15}.feature-card p{margin:0;color:#39466f;font-size:16px;line-height:1.45}.meta{margin-top:20px;font-size:14px}.round-next{width:56px;height:56px;border:0;border-radius:50%;background:white;font-size:36px}.section-title{margin:22px 47px 12px;display:flex;justify-content:space-between;align-items:center}.section-title h2{margin:0;font-size:25px}.section-title button{border:0;background:none;color:#5c27e7;font-weight:700}.guide-list{margin:0 42px;display:grid;gap:10px}.guide-item{height:150px;padding:10px 20px 10px 10px;display:grid;grid-template-columns:255px 1fr 35px;gap:20px;align-items:center;border:1px solid var(--line);border-radius:18px;background:#fff}.guide-item img{width:255px;height:130px;border-radius:12px;object-fit:cover}.guide-item h3{margin:0 0 9px;font-size:22px}.guide-item p{margin:0;color:#445075;font-size:15px}.guide-item .arrow{font-size:32px}.bonus-hero img{width:335px;height:245px}.bonus-feature{height:290px;margin:8px 42px 0;padding:30px 30px;position:relative;overflow:hidden;border-radius:20px;color:#fff;background:linear-gradient(120deg,#5320b9,#241565)}.bonus-feature h2{margin:10px 0;font-size:36px;line-height:1.12}.bonus-feature h2 em{color:#ffd648;font-style:normal}.bonus-feature p{font-size:17px;line-height:1.5}.bonus-feature button{height:50px;padding:0 24px;border:0;border-radius:10px;color:#5423d8;background:#fff;font-weight:700}.bonus-feature img{position:absolute;right:10px;top:6px;width:355px;height:275px;object-fit:cover;mix-blend-mode:screen}.bonus-list{margin:0 42px;display:grid;gap:14px}.bonus-row{height:170px;padding:15px 14px;display:grid;grid-template-columns:120px 1fr 215px;gap:24px;align-items:center;border:1px solid var(--line);border-radius:18px;background:#fff}.bonus-row img{width:108px;height:132px;border-radius:12px;object-fit:cover}.bonus-row h3{margin:0 0 18px;font-size:22px}.bonus-facts{display:flex;gap:30px;color:#4b5678;font-size:13px}.bonus-facts b{display:block;margin-top:6px;color:var(--ink)}.bonus-cta{height:140px;padding:18px;text-align:center;border-radius:14px;background:#faf8ff}.bonus-cta strong{display:block;color:#5c29e8;font-size:28px}.bonus-cta button{width:175px;height:42px;margin-top:13px;border:0;border-radius:9px;color:#fff;background:#5d2de4;font-weight:700}.verify-strip{height:80px;margin:14px 42px;padding:15px 24px;display:flex;align-items:center;justify-content:space-between;border-radius:14px;background:#f5f3ff}.compare-hero{height:240px}.compare-hero img{width:390px;height:220px}.compare-main{height:300px;margin:0 42px;padding:22px;display:grid;grid-template-columns:1fr 115px 1fr;border:1px solid var(--line);border-radius:18px;background:#fff}.compare-brand{text-align:center}.compare-brand img{width:105px;height:118px;border-radius:12px;object-fit:cover}.compare-brand h3{margin:8px 0;font-size:20px}.compare-brand .stars{color:#f5a400;font-size:20px}.compare-brand button{width:210px;height:46px;margin-top:16px;border:0;border-radius:9px;color:#fff;background:#5c2de4;font-weight:700}.compare-brand.right button{background:#008b6e}.vs-column{display:grid;place-items:center;font-size:28px;font-weight:900}.quick,.detailed{margin:14px 42px 0;padding:18px;border:1px solid var(--line);border-radius:17px;background:#fff}.quick{height:450px}.quick h2,.detailed h2{margin:0 0 14px;font-size:19px}.quick-row{height:48px;display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:center;text-align:center;border-top:1px solid #eceef7}.quick-row b:first-child{color:#5e2ee5}.quick-row b:last-child{color:#008b69}.winner{height:120px;margin:14px 42px 0;padding:18px 28px;display:flex;align-items:center;gap:24px;border-radius:17px;background:linear-gradient(90deg,#f4efff,#fff)}.winner .cup{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;color:white;background:#8d64ef;font-size:38px}.winner button{margin-left:auto;width:250px;height:50px;border:0;border-radius:10px;color:#fff;background:#5e2ee5;font-weight:700}.detailed{height:420px}.detail-tabs{display:flex;gap:12px}.detail-tabs button{height:38px;padding:0 20px;border:0;border-radius:20px}.detail-tabs .active{color:#fff;background:#622fea}.detail-grid{margin-top:16px;display:grid;grid-template-columns:180px 1fr 1fr}.detail-grid>div{min-height:105px;padding:18px;border-top:1px solid #eee}.account-page{background:#fff}.account-top{height:340px;padding:24px 36px;color:#fff;background:radial-gradient(circle at 30% 20%,#182a6e,#071640 68%)}.account-head{display:flex;justify-content:space-between;align-items:center}.account-brand{display:flex;align-items:center;gap:12px}.account-brand strong{font-size:30px}.account-icons{font-size:32px}.profile-card{height:210px;margin-top:28px;padding:32px;display:grid;grid-template-columns:135px 1fr 255px;gap:18px;align-items:center;border-radius:22px;background:linear-gradient(120deg,#3a1b91,#5929d3)}.profile-card img{width:120px;height:120px;border-radius:50%;object-fit:cover}.profile-card h1{margin:8px 0;font-size:32px}.points{padding:24px;border-radius:18px;background:rgba(18,15,75,.55)}.points strong{display:block;color:#ffe330;font-size:34px}.profile-progress{height:125px;margin:-45px 36px 0;padding:24px 30px;position:relative;border-radius:22px;background:#fff;box-shadow:0 9px 24px rgba(30,34,90,.12)}.profile-progress h2{margin:0 0 8px;font-size:20px}.bar{height:8px;border-radius:8px;background:#ececf5}.bar i{display:block;width:80%;height:100%;border-radius:8px;background:#6430eb}.account-section{margin:42px 36px 0}.account-section h2{font-size:22px}.activity{height:175px;padding:24px;display:grid;grid-template-columns:repeat(4,1fr);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(30,34,90,.1)}.activity div{text-align:center;border-right:1px solid #e8e9f2}.activity div:last-child{border:0}.activity span{display:block;font-size:36px}.activity b{display:block;margin-top:12px;font-size:21px}.settings{border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(30,34,90,.1);overflow:hidden}.setting{height:82px;padding:15px 28px;display:grid;grid-template-columns:52px 1fr 24px;align-items:center;border-bottom:1px solid #e7e8f1}.setting:last-child{border:0}.setting span{font-size:30px}.setting b{display:block;font-size:18px}.setting small{color:#526080;font-size:14px}.logout{height:76px;margin:22px 36px;border:0;border-radius:16px;color:#cf1630;background:#fff;box-shadow:0 8px 24px rgba(30,34,90,.1);font-size:20px;font-weight:700}.bottom-links{position:fixed;z-index:20;left:50%;bottom:0;transform:translateX(-50%);width:864px;height:96px;padding:10px 54px 6px;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #e5e6ef;background:#fff}.bottom-links a{text-align:center;color:#526087;text-decoration:none;font-weight:700}.bottom-links img{display:block;width:40px;height:40px;margin:0 auto 3px;object-fit:cover}.bottom-links a.active{color:#5f2ce9}.toast{position:fixed;z-index:80;left:50%;bottom:116px;transform:translateX(-50%);padding:12px 20px;border-radius:22px;color:#fff;background:#111b52}.toast[hidden]{display:none}