.guides-page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:clamp(34px,5vw,72px) 0 90px}.guides-hero,.guide-main-card,.guide-two-col article,.guide-faq-section,.guides-grid-section,.guide-cta-band,.guides-feature-band,.guides-stats article{border:1px solid rgba(125,218,255,.16);background:linear-gradient(145deg,#071127eb,#040a18e0),radial-gradient(circle at 78% 22%,rgba(42,190,255,.16),transparent 38%);box-shadow:0 24px 70px #00000052}.guides-hero{position:relative;overflow:hidden;border-radius:38px;padding:clamp(44px,6vw,82px)}.guides-hero:after{content:"X";position:absolute;right:9%;top:50%;transform:translateY(-50%) rotate(-8deg);width:116px;height:116px;display:grid;place-items:center;border-radius:32px;color:#efffff;font-size:64px;font-weight:900;text-shadow:0 0 22px rgba(33,224,255,.8);background:linear-gradient(145deg,#122d50f0,#020814f5);border:1px solid rgba(127,227,255,.32);box-shadow:0 0 44px #00d2ff3b}.guides-hero span,.guides-section-head span,.guide-main-card span,.guide-two-col span,.guide-cta-band span,.guides-feature-band span,.guide-card span{color:#6deeff;text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:800}.guides-hero h1{max-width:780px;margin:16px 0;font-size:clamp(48px,8vw,92px);line-height:.92;letter-spacing:-.07em}.guides-hero p{max-width:720px;color:#e2f1ffc7;font-size:18px;line-height:1.65}.guides-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.guides-hero-actions a,.guide-cta-band a{color:#eaffff;text-decoration:none;border-radius:999px;padding:13px 18px;border:1px solid rgba(125,218,255,.24);background:linear-gradient(135deg,#19b5ff38,#6f4bff33)}.guides-grid-section,.guide-faq-section{border-radius:32px;padding:clamp(26px,4vw,44px);margin-top:28px}.guides-section-head{margin-bottom:22px}.guides-section-head h2,.guide-main-card h2,.guide-two-col h2,.guide-cta-band h2,.guides-feature-band h2{margin:8px 0;font-size:clamp(26px,4vw,44px);letter-spacing:-.04em}.guides-section-head p,.guide-main-card p,.guide-two-col p,.guide-two-col li,.guide-faq-grid p,.guide-cta-band p,.guides-feature-band p,.guide-card p{color:#e2f1ffb8;line-height:1.65}.guides-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.guides-grid.compact{grid-template-columns:repeat(4,1fr)}.guide-card{display:block;min-height:210px;padding:22px;border-radius:22px;color:inherit;text-decoration:none;border:1px solid rgba(125,218,255,.16);background:#ffffff0b;transition:transform .2s ease,border-color .2s ease,background .2s ease}.guide-card:hover{transform:translateY(-3px);border-color:#6deeff57;background:#ffffff12}.guide-card h3{margin:12px 0 8px;font-size:22px}.guide-card em{display:inline-block;margin-top:12px;color:#9bf7ff;font-style:normal;font-weight:800}.guide-layout,.guide-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.guide-main-card,.guide-two-col article{border-radius:28px;padding:clamp(24px,4vw,42px)}.guide-steps-section{margin-top:34px}.guide-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.guide-steps article{border-radius:22px;padding:18px;border:1px solid rgba(125,218,255,.14);background:#ffffff0b}.guide-steps span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;color:#6deeff;background:#39b9ff26;border:1px solid rgba(92,215,255,.25);font-weight:900}.guide-steps p{color:#e2f1ffc7;line-height:1.55}.guide-two-col ul{padding-left:18px}.guide-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.guide-faq-grid article{border-radius:22px;padding:20px;border:1px solid rgba(125,218,255,.14);background:#ffffff0b}.guide-cta-band,.guides-feature-band{display:flex;align-items:center;justify-content:space-between;gap:26px;border-radius:32px;padding:clamp(28px,4vw,48px);margin-top:32px}@media(max-width:980px){.guides-hero:after{opacity:.18;right:4%}.guides-stats,.guides-grid,.guides-grid.compact,.guide-layout,.guide-two-col,.guide-faq-grid,.guide-steps{grid-template-columns:1fr}.guide-cta-band,.guides-feature-band{align-items:flex-start;flex-direction:column}}.guide-tool-cluster{display:grid;gap:18px}.guide-tool-cluster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.guide-tool-cluster-grid a{display:grid;gap:8px;min-height:128px;padding:18px;border:1px solid rgba(125,218,255,.13);border-radius:22px;color:#e6fbff;text-decoration:none;background:radial-gradient(circle at 18% 0%,rgba(56,189,248,.1),transparent 40%),#ffffff09}.guide-tool-cluster-grid a:hover{border-color:#67e8f957;transform:translateY(-1px)}.guide-tool-cluster-grid span{color:#e2f1ffad;line-height:1.55}@media(max-width:980px){.guide-tool-cluster-grid{grid-template-columns:1fr}}.guide-detail-page .guide-tool-cluster{width:100%;margin-top:32px;border-radius:32px;padding:clamp(28px,4vw,46px);border:1px solid rgba(125,218,255,.16);background:linear-gradient(145deg,#071127f0,#040a18e6),radial-gradient(circle at 82% 20%,rgba(42,190,255,.14),transparent 36%);box-shadow:0 24px 70px #00000052}.guide-detail-page .guide-tool-cluster .guides-section-head{max-width:860px;margin:0 0 24px}.guide-detail-page .guide-tool-cluster .guides-section-head h2{max-width:820px;margin:8px 0 10px;line-height:1.04}.guide-detail-page .guide-tool-cluster .guides-section-head p{max-width:760px;margin:0}.guide-detail-page .guide-tool-cluster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}.guide-detail-page .guide-tool-cluster-grid a{min-height:138px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:20px;border-radius:22px;color:inherit;text-decoration:none;border:1px solid rgba(125,218,255,.16);background:#ffffff0b;box-shadow:inset 0 1px #ffffff0e}.guide-detail-page .guide-tool-cluster-grid strong{display:block;color:#eaffff;font-size:17px;line-height:1.2}.guide-detail-page .guide-tool-cluster-grid span{display:block;color:#e2f1ffb8;font-size:14px;line-height:1.55}.guide-detail-page .guide-tool-cluster-grid a:hover{transform:translateY(-2px);border-color:#6deeff57;background:#ffffff12}@media(max-width:1100px){.guide-detail-page .guide-tool-cluster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.guide-detail-page .guide-tool-cluster{padding:24px}.guide-detail-page .guide-tool-cluster-grid{grid-template-columns:1fr}}
