:root{--purple:#6423d3;--purple2:#7c2fe8;--ink:#15121c;--muted:#4e495a;--line:#ece8f1;--green:#37a947;--orange:#ff791a;--blue:#4e7fe7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2f1f4;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.tpl5-page{position:relative;width:var(--canvas-width);min-height:1821px;margin:0 auto;padding:0 30px 86px;overflow:hidden;background:#fff;box-shadow:0 0 32px rgba(42,29,59,.08)}button,a{font:inherit}.tpl5-page.reference-canvas{max-width:none;margin:0;zoom:var(--canvas-scale)}.tpl5-header{position:relative;height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.tpl5-brand{display:flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none}.tpl5-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}.tpl5-brand b{display:block;color:var(--purple);font-size:27px}.tpl5-brand small{display:block;margin-top:3px;color:#3f394b;font-size:13px}.header-tools{display:flex;align-items:center;gap:24px}.header-tools button{height:52px;min-width:48px;border:0;color:#2e2940;background:transparent;font-size:34px}.header-tools .header-login{min-width:120px;border-radius:12px;color:#fff;background:linear-gradient(130deg,#5d22ca,#792ee6);font-size:19px;font-weight:800}.tpl5-drawer{position:absolute;z-index:20;right:15px;top:80px;width:170px;padding:8px;border:1px solid #ded6eb;border-radius:10px;background:#fff;box-shadow:0 14px 28px rgba(48,27,76,.18)}.tpl5-drawer a{display:block;padding:10px;color:var(--purple);text-decoration:none;font-weight:700}.tpl5-hero{position:relative;height:335px;padding:30px 14px;border-radius:14px;background:linear-gradient(110deg,#f4efff,#fcfbff);overflow:hidden}.hero-copy{position:relative;z-index:2;width:470px}.pill{display:inline-block;padding:8px 13px;border-radius:7px;color:var(--purple);background:#ebe0ff;font-size:15px;font-weight:700}.tpl5-hero h1{margin:20px 0 12px;font-size:36px;line-height:1.2}.tpl5-hero h1 em{display:block;color:var(--purple);font-style:normal}.tpl5-hero p{width:410px;margin:0;color:#4b4655;font-size:18px;line-height:1.45}.hero-art{position:absolute;right:0;top:5px;width:390px;height:320px;object-fit:contain;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent,#000 12%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%)}.hero-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:370px;margin-top:18px}.hero-trust span{display:flex;align-items:center;gap:8px;padding:9px;border-radius:8px;color:var(--purple);background:#fff;font-size:24px}.hero-trust b{color:#292332;font-size:13px}.section-heading{height:50px;display:flex;align-items:center;justify-content:space-between}.section-heading h2{margin:0;font-size:21px}.section-heading button{border:0;color:var(--purple);background:transparent;font-size:15px;font-weight:800}.quick-guides{height:238px}.quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.quick-grid button{height:178px;padding:18px 10px;border:1px solid var(--line);border-radius:11px;color:var(--ink);background:#fff}.quick-grid i{display:block;color:var(--purple);font-size:38px;font-style:normal}.quick-grid i.green,.why-guide i.green{color:var(--green)}.quick-grid i.orange,.why-guide i.orange{color:var(--orange)}.quick-grid i.blue,.why-guide i.blue{color:var(--blue)}.quick-grid b{display:block;margin:13px 0 9px;font-size:15px}.quick-grid span{display:block;color:#443e4d;font-size:13px;line-height:1.45}.welcome-bonus{position:relative;height:150px;display:grid;grid-template-columns:1fr 155px 200px;align-items:center;padding:18px 20px;border-radius:11px;color:#fff;background:radial-gradient(circle at 80% 50%,#40206d,#120627 65%);overflow:hidden}.welcome-bonus>div{position:relative;z-index:2}.welcome-bonus span{color:#b566ff;font-size:15px;font-weight:700}.welcome-bonus h2{margin:12px 0 8px;font-size:24px}.welcome-bonus p{width:420px;margin:0;font-size:13px;line-height:1.45}.welcome-bonus button{position:relative;z-index:3;height:49px;border:0;border-radius:9px;color:#fff;background:linear-gradient(125deg,#7429dc,#8a31ef);font-weight:800}.welcome-bonus img{position:absolute;right:0;width:230px;height:140px;object-fit:cover;mix-blend-mode:screen}.latest-articles{height:400px}.article-list button{width:100%;height:111px;display:grid;grid-template-columns:135px 1fr 110px 20px;align-items:center;gap:14px;padding:6px;border:1px solid var(--line);border-radius:11px;color:var(--ink);background:#fff;text-align:left}.article-list button+button{margin-top:7px}.article-list img{width:135px;height:99px;border-radius:9px;object-fit:cover}.article-list span>*{display:block}.article-list small{color:var(--purple);font-size:11px;font-weight:800}.article-list .green-text{color:var(--green)}.article-list .orange-text{color:var(--orange)}.article-list b{margin:7px 0 6px;font-size:16px}.article-list em{color:#4c4655;font-size:13px;font-style:normal;line-height:1.4}.article-list time{color:#665f70;font-size:13px}.article-list strong{color:#91899b;font-size:27px}.why-guide{height:190px}.why-guide h2{height:45px;margin:0;display:flex;align-items:center;font-size:21px}.why-guide>div{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.why-guide article{height:145px;display:flex;gap:10px;padding:14px 12px;border:1px solid var(--line);border-radius:11px}.why-guide i{color:var(--purple);font-size:34px;font-style:normal}.why-guide b{font-size:14px}.why-guide p{margin:7px 0 0;color:#4a4551;font-size:12px;line-height:1.45}.tpl5-faq{height:222px}.tpl5-faq details{border:1px solid var(--line);border-radius:9px;background:#fff}.tpl5-faq details+details{margin-top:4px}.tpl5-faq summary{min-height:39px;display:flex;align-items:center;padding:0 18px;list-style:none;font-size:14px;font-weight:700}.tpl5-faq summary:after{margin-left:auto;content:'⌄';font-size:18px}.tpl5-faq p{margin:0;padding:0 18px 9px;color:#5e5767;font-size:12px}.tpl5-legal{height:78px;display:flex;align-items:center;gap:16px;padding:12px 18px;border-radius:11px;background:#f4efff}.tpl5-legal>i{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--purple);font-style:normal;font-weight:800}.tpl5-legal p{flex:1;margin:0;color:#51495b;font-size:13px;line-height:1.4}.tpl5-legal>b{width:48px;height:48px;display:grid;place-items:center;border:2px solid var(--purple);border-radius:50%;color:var(--purple)}.tpl5-bottom{position:fixed;z-index:40;left:50%;bottom:0;width:var(--canvas-width);height:86px;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 34px 5px;border-radius:16px 16px 0 0;background:#fff;box-shadow:0 -5px 18px rgba(40,22,65,.11);transform:translateX(-50%)}.tpl5-bottom a,.tpl5-bottom button{display:grid;place-items:center;gap:2px;border:0;color:#1f1a27;background:transparent;text-decoration:none;font-size:13px}.tpl5-bottom i{font-size:30px;font-style:normal}.tpl5-bottom .active{color:var(--purple);font-weight:800}.tpl5-toast{position:fixed;z-index:60;left:50%;bottom:102px;padding:12px 18px;border-radius:9px;color:#fff;background:#2b1741;box-shadow:0 12px 24px rgba(34,18,52,.25);transform:translateX(-50%);font-weight:700}.tpl5-toast[hidden]{display:none}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}