.task-page-hero{padding:74px 0 54px;background:linear-gradient(135deg,#eefaff 0%,#f8fdff 55%,#edf6ff 100%)}.task-page-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.task-page-kicker{display:inline-flex;padding:7px 12px;border:1px solid #cae8f4;border-radius:999px;background:#fff;color:#174da8;font-size:11px;font-weight:800}.task-page-hero h1{font-size:clamp(38px,5vw,64px);line-height:1.06;letter-spacing:-1.8px;margin:16px 0;color:#102d59}.task-page-hero h1 span{color:#15aeca}.task-page-hero p{font-size:15px;color:#607b94;max-width:680px}.task-page-media{background:#fff;border:1px solid #d7ebf4;border-radius:24px;padding:12px;box-shadow:0 20px 42px rgba(18,64,105,.10)}.task-page-media img{width:100%;aspect-ratio:12/7;object-fit:cover;border-radius:16px}.task-page-media small{display:block;color:#657f97;font-size:10px;padding:9px 5px 3px}.task-page-section{padding:64px 0}.task-page-section.soft{background:#f1f9ff}.task-page-head{max-width:780px}.task-page-head .kicker{font-size:11px;color:#11aeca;font-weight:800;text-transform:uppercase;letter-spacing:1px}.task-page-head h2{font-size:clamp(28px,4vw,44px);line-height:1.12;margin:8px 0;color:#123361}.task-page-head p{color:#667f96;font-size:13px}.topic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:28px}.topic-card{background:#fff;border:1px solid #d9ebf4;border-radius:16px;padding:18px;box-shadow:0 10px 24px rgba(21,67,107,.05)}.topic-card i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eaf7ff;color:#175bcc;font-style:normal;font-size:20px}.topic-card h3{font-size:13px;margin:12px 0 6px;color:#113867}.topic-card p{font-size:10px;color:#6c8297;margin:0}.task-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:28px}.task-flow article{position:relative;text-align:center;background:#fff;border:1px solid #d8ebf4;border-radius:16px;padding:18px 10px}.task-flow article:not(:last-child)::after{content:'→';position:absolute;right:-9px;top:50%;transform:translateY(-50%);z-index:2;color:#7bbbd2;font-weight:900}.task-flow b{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 8px;border-radius:50%;background:linear-gradient(135deg,#2157c9,#12b6d4);color:#fff}.task-flow h3{font-size:11px;margin:0 0 5px;color:#0e3a70}.task-flow p{font-size:9px;color:#71879a;margin:0}.quality-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:stretch}.quality-image{border-radius:20px;overflow:hidden;border:1px solid #d8eaf3;background:#fff}.quality-image img{width:100%;height:100%;min-height:360px;object-fit:cover}.quality-card{border:1px solid #d8eaf3;border-radius:20px;background:#fff;padding:24px}.quality-list{display:grid;gap:10px;margin:18px 0}.quality-list div{display:flex;gap:10px;align-items:flex-start;padding:11px;border-radius:12px;background:#f7fbff;border:1px solid #e0eef5}.quality-list span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e8f7ff;color:#1768d4;font-weight:900;flex:0 0 auto}.quality-list b{display:block;color:#123a6b;font-size:11px}.quality-list small{display:block;color:#6d8498;font-size:9px}.earning-rule{border-radius:20px;background:linear-gradient(135deg,#0b2d5a,#134d85);color:#fff;padding:26px;display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center}.earning-rule h2{font-size:clamp(26px,3.8vw,40px);line-height:1.15;margin:0 0 8px}.earning-rule p{font-size:12px;color:#cfe1ef;margin:0}.earning-rule .rule-box{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:16px}.earning-rule .rule-box b{display:block;color:#7de5f2;font-size:13px;margin-bottom:6px}.earning-rule .rule-box small{font-size:10px;line-height:1.6;color:#e2eef7}.example-task{margin-top:28px;border:1px solid #d8eaf3;border-radius:18px;background:#fff;padding:20px;display:grid;grid-template-columns:140px 1fr auto;gap:18px;align-items:center}.example-task .lang{display:grid;place-items:center;border-radius:14px;background:#eaf7ff;color:#175bc3;min-height:110px;font-weight:800}.example-task h3{margin:0 0 6px;color:#123a6b}.example-task p{margin:0;color:#6b8197;font-size:11px}.example-task .badge{padding:8px 10px;border-radius:999px;background:#eaf9ef;color:#0b8054;font-size:9px;font-weight:800;white-space:nowrap}.task-final-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px;border-radius:20px;background:linear-gradient(135deg,#e9f8ff,#dff4ff);border:1px solid #cfe8f4}.task-final-cta h2{font-size:25px;margin:0 0 5px;color:#123561}.task-final-cta p{font-size:11px;color:#6c8396;margin:0}.task-final-cta .actions{margin:0}
@media(max-width:980px){.topic-grid{grid-template-columns:repeat(3,1fr)}.task-flow{grid-template-columns:repeat(3,1fr)}.task-flow article:nth-child(3)::after,.task-flow article:nth-child(6)::after{display:none}.quality-layout{grid-template-columns:1fr}.earning-rule{grid-template-columns:1fr}.task-page-grid{grid-template-columns:1fr}}
@media(max-width:700px){.task-page-hero{padding:50px 0 38px}.task-page-section{padding:46px 0}.topic-grid{grid-template-columns:1fr 1fr}.task-flow{grid-template-columns:1fr 1fr}.task-flow article:nth-child(2n)::after{display:none}.task-flow article:nth-child(3)::after{display:block}.example-task{grid-template-columns:1fr}.example-task .lang{min-height:70px}.task-final-cta{align-items:flex-start;flex-direction:column}.task-final-cta .btn{width:100%}}
@media(max-width:460px){.topic-grid,.task-flow{grid-template-columns:1fr}.task-flow article::after{display:none!important}.task-page-hero h1{font-size:36px}.quality-card{padding:18px}.earning-rule{padding:20px}}