:root{--blue:#075bea;--navy:#07143a;--ink:#090b12;--muted:#263252;--line:#d8e1ef;--soft:#f5f8ff;--green:#158d32}*{box-sizing:border-box}html{background:#edf1f8}body{margin:0;overflow-x:hidden;background:#edf1f8;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.page{width:864px;height:1821px;margin:0 auto;overflow:hidden;background:#fff;transform-origin:top left}.top{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid var(--line)}.brand{color:var(--blue);font-size:31px;font-weight:900;text-decoration:none}.search{width:36px;height:36px;border:0;background:transparent;color:#050a17}.search svg,.icon{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.content{padding:27px 36px 0}.crumbs{display:flex;gap:15px;align-items:center;color:var(--muted);font-size:18px}.crumbs a{color:var(--blue);text-decoration:none}.crumbs b{font-size:26px;font-weight:400}.intro h1{margin:22px 0 10px;font-size:43px;line-height:1.12;letter-spacing:-.8px}.intro p{margin:0;color:var(--muted);font-size:18px;line-height:1.55}.updated{display:flex;align-items:center;gap:14px;margin-top:14px;color:#536080;font-size:16px}.updated svg{width:22px;height:22px}.tabs{display:flex;align-items:center;gap:34px;height:76px;border-bottom:1px solid var(--line)}.tabs button{height:42px;padding:0 28px;border:0;border-radius:12px;background:transparent;font-size:18px;font-weight:700}.tabs .active{color:#fff;background:var(--blue)}h2{margin:20px 0 12px;font-size:23px}.notice{height:80px;display:grid;grid-template-columns:48px 1fr 24px;align-items:center;margin-top:10px;padding:0 16px;border:1px solid #f1d9b1;border-radius:11px;background:#fff9ef}.notice.info{border-color:#cddcf8;background:#f4f8ff}.notice>svg{width:34px;height:34px;color:#ff8500}.notice.info>svg{color:var(--blue)}.notice p{margin:0;color:#16213f;font-size:14px;line-height:1.35}.notice a{color:var(--blue)}.faq{border:1px solid var(--line);border-radius:11px;overflow:hidden}.faq details{padding:13px 16px;font-size:16px}.faq details+details{border-top:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:700}.faq p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.4}.footer{height:66px;display:grid;place-items:center;color:#fff;background:#061746;text-align:center}.footer nav{display:flex;gap:20px}.footer a{color:#fff;text-decoration:none}.footer small{display:block;margin-top:6px}.bottom-nav{height:78px;display:grid;grid-template-columns:repeat(5,1fr);padding:6px 34px 4px;border-radius:18px 18px 0 0;background:#fff;box-shadow:0 -3px 12px rgba(18,43,90,.12)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#061333;font-size:12px;text-decoration:none}.bottom-nav svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8}.bottom-nav .active{color:var(--blue);font-weight:700}.toast{position:fixed;z-index:9;left:50%;bottom:92px;padding:12px 18px;border-radius:8px;color:#fff;background:#0d235c;transform:translateX(-50%)}.toast[hidden]{display:none}
/* reviews */.reviews-page .intro{height:276px}.review-list{border-bottom:1px solid var(--line)}.review-row{height:104px;display:grid;grid-template-columns:140px 145px 1fr 120px;align-items:center;border-top:1px solid var(--line)}.brand-box{height:66px;display:grid;place-items:center;border:1px solid #cfe0fb;border-radius:10px;background:linear-gradient(135deg,#f1f6ff,#fff);font-size:16px;font-weight:800}.review-name b{display:block;font-size:20px}.review-name strong{display:block;margin-top:6px;color:var(--blue);font-size:28px}.review-name small{color:#3d4967;font-size:15px}.review-note{color:var(--muted);font-size:14px}.checks{display:flex;gap:16px;margin-top:14px;color:#3f4b68}.checks span:before{content:'✓';display:inline-grid;place-items:center;width:17px;height:17px;margin-right:6px;border:1.5px solid var(--green);border-radius:50%;color:var(--green);font-weight:800}.read{justify-self:end;color:var(--blue);font-size:17px;text-decoration:none}.pager{height:72px;display:flex;align-items:center;justify-content:center;gap:14px}.pager button{height:40px;min-width:42px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#33405e;font-size:16px}.pager .active{color:#fff;background:var(--blue)}.method{height:160px;border-top:1px solid var(--line)}.method p{margin:0 0 10px;color:var(--muted);font-size:15px;line-height:1.5}.reviews-page .faq-wrap{height:210px}.reviews-page .footer{margin-top:10px}
/* compare */.compare-page .intro{height:230px}.selectors{display:grid;grid-template-columns:1fr 52px 1fr;gap:14px;align-items:end}.selectors label{font-size:17px;font-weight:700}.selectors select{width:100%;height:54px;margin-top:9px;padding:0 16px;border:1px solid #cdd7e7;border-radius:9px;background:#fff;font-size:17px;font-weight:700}.swap{width:52px;height:52px;border:1px solid #ccd8ee;border-radius:10px;color:var(--blue);background:#fff;font-size:28px}.compare-btn{width:100%;height:54px;margin:14px 0 18px;border:0;border-radius:9px;color:#fff;background:var(--blue);font-size:19px;font-weight:700}.table{border:1px solid var(--line);border-radius:10px;overflow:hidden}.tr{display:grid;grid-template-columns:180px 1fr 1fr;min-height:47px}.tr>*{display:flex;align-items:center;padding:0 16px;border-right:1px solid var(--line);border-top:1px solid var(--line);font-size:16px}.tr>*:last-child{border-right:0}.tr.head>*{border-top:0;background:#f4f7fd;font-weight:800}.good{color:var(--green)}.better{margin-left:auto;padding:4px 8px;border:1px solid #a6dba9;border-radius:6px;color:var(--green);background:#effbef;font-size:12px}.verdict{height:128px;display:grid;grid-template-columns:75px 1fr;align-items:center;margin-top:16px;padding:12px 20px;border:1px solid var(--line);border-radius:11px;background:#f7f9fe}.verdict svg{width:54px;height:54px;color:var(--blue)}.verdict h2{margin:0 0 5px}.verdict p{margin:0;color:var(--muted);font-size:15px;line-height:1.4}.verdict a{display:inline-block;margin-top:12px;color:var(--blue);font-weight:700;text-decoration:none}.safe{height:185px}.safe p{margin:0;color:var(--muted);font-size:15px;line-height:1.45}.safe li{margin:8px 0;color:var(--muted);font-size:14px}.compare-page .faq-wrap{height:190px}
/* guides */.guides-page .intro{height:246px}.guide-feature{height:136px;display:grid;grid-template-columns:120px 1fr 120px;align-items:center;border-bottom:1px solid var(--line)}.guide-feature .art,.guide-mini .art{display:grid;place-items:center;color:var(--blue);background:#f1f5ff;border-radius:14px}.guide-feature .art{width:104px;height:94px}.guide-feature svg{width:58px;height:58px}.guide-feature b{display:block;font-size:21px}.guide-feature p{margin:8px 0;color:var(--muted);font-size:16px;line-height:1.35}.guide-feature small{color:#536080}.guide-feature a{justify-self:end;color:var(--blue);font-size:18px;text-decoration:none}.guide-mini{height:73px;display:grid;grid-template-columns:72px 1fr 95px 24px;align-items:center;border-bottom:1px solid var(--line)}.guide-mini .art{width:62px;height:54px}.guide-mini svg{width:36px;height:36px}.guide-mini b{display:block;font-size:18px}.guide-mini small{display:block;margin-top:5px;color:var(--muted);font-size:14px}.tag{justify-self:end;color:var(--green)}.tag.bonus{color:#8631dd}.tag.pay{color:var(--blue)}.guides-page .pager{height:58px}.guide-copy{height:205px;border-top:1px solid var(--line)}.guide-copy p{margin:0;color:var(--muted);font-size:15px;line-height:1.45}.guide-copy a{color:var(--blue)}.guides-page .faq-wrap{height:178px}
/* account */.account-page .content{padding-top:34px}.account-page .intro{height:165px}.account-page .intro h1{font-size:46px}.form label{display:block;margin:0 0 28px;font-size:20px;font-weight:700}.form input{width:100%;height:72px;margin-top:12px;padding:0 20px;border:1px solid #c8d0de;border-radius:9px;font-size:20px}.password{position:relative}.password button{position:absolute;right:15px;bottom:17px;width:38px;height:38px;border:0;background:transparent}.forgot{display:block;margin-top:-14px;color:var(--blue);font-size:19px;text-align:right;text-decoration:none}.sign{width:100%;height:74px;margin-top:38px;border:0;border-radius:8px;color:#fff;background:var(--blue);font-size:21px;font-weight:700}.or{display:flex;align-items:center;gap:24px;margin:28px 0;color:#4e5870;font-size:18px}.or:before,.or:after{content:'';height:1px;flex:1;background:#adb7c7}.create{width:100%;height:74px;border:2px solid var(--blue);border-radius:8px;color:var(--blue);background:#fff;font-size:21px;font-weight:700}.browse{margin:38px 0 60px;color:var(--muted);font-size:19px}.shortcuts h2{font-size:26px}.shortcut{height:103px;display:grid;grid-template-columns:70px 1fr 28px;align-items:center;border-bottom:1px solid var(--line)}.shortcut svg{width:46px;height:46px;color:var(--blue)}.shortcut b{display:block;font-size:21px}.shortcut small{display:block;margin-top:6px;color:#536080;font-size:17px}.support{height:82px;display:grid;grid-template-columns:50px 1fr 180px;align-items:center;margin-top:25px;padding:0 16px;border:1px solid var(--line);border-radius:9px}.support svg{width:38px;height:38px;color:var(--blue)}.support a{color:var(--blue);font-size:18px;text-decoration:none}.privacy{display:flex;align-items:center;gap:18px;height:112px;color:var(--muted);font-size:17px;line-height:1.45}.privacy svg{width:46px;height:46px}.account-page .footer{height:96px}.account-page .bottom-nav{height:104px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.reviews-page .intro{height:261px}.reviews-page .review-row{height:101px}.reviews-page .method{height:140px}.reviews-page .faq-wrap{height:190px}.reviews-page .notice{height:75px}
.guides-page .intro{height:236px}.guides-page .guide-feature{height:126px}.guides-page .guide-mini{height:69px}.guides-page .guide-copy{height:190px}.guides-page .faq-wrap{height:168px}.guides-page .notice{height:75px}
.account-page .shortcut{color:var(--ink);text-decoration:none}.account-page .footer{margin-top:67px}
.reviews-page .bottom-nav{height:76px}.compare-page .bottom-nav{height:77px}.guides-page .guide-copy{height:182px}.guides-page .bottom-nav{height:76px}