.guide-hero{display:grid;place-items:center;padding:clamp(72px,9vw,128px) clamp(18px,6vw,76px);color:var(--white);text-align:center;background:radial-gradient(circle at 78% 18%,rgba(33,199,255,.16),transparent 32%),radial-gradient(circle at 18% 72%,rgba(255,159,53,.13),transparent 34%),linear-gradient(180deg,rgba(2,10,24,.52),rgba(2,10,24,.86)),url("/assets/images/hero-cargo-optimized.jpg?v=1") center/cover no-repeat;background-color:#020a18}.guide-card,.guide-hero-card,.guide-index{border:1px solid rgba(255,255,255,.14);border-radius:14px;background:radial-gradient(circle at 96% 8%,rgba(255,159,53,.11),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.035)),rgba(4,17,38,.62);box-shadow:0 28px 90px rgba(0,0,0,.26);backdrop-filter:blur(14px)}.guide-hero-card{width:min(1040px,100%);padding:clamp(30px,5vw,60px)}.guide-hero h1{max-width:880px;margin-inline:auto;color:var(--white);font-size:clamp(2.4rem, 5vw, 5.15rem);line-height:1.02}.guide-hero p{max-width:780px;margin-inline:auto;color:#d8e8f6;font-size:clamp(1rem, 1.6vw, 1.2rem)}.guide-hero-actions,.guide-tools-inline{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px}.guide-page{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:20px;align-items:start;padding:clamp(54px,7vw,96px) clamp(18px,6vw,76px);color:var(--white);background:radial-gradient(circle at 8% 6%,rgba(33,199,255,.13),transparent 30%),radial-gradient(circle at 92% 5%,rgba(255,159,53,.12),transparent 32%),linear-gradient(180deg,#020a18,#06172f 54%,#020a18)}.guide-index{position:sticky;top:104px;display:grid;gap:8px;padding:22px}.guide-index h2{margin-bottom:8px;color:var(--white);font-size:1.15rem}.guide-index a{min-height:42px;display:flex;align-items:center;padding:9px 12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#dcebf7;background:rgba(255,255,255,.045);font-weight:850;transition:transform .2s ease,border-color .2s ease,background .2s ease}.guide-index a:hover{transform:translateX(3px);border-color:rgba(33,199,255,.42);background:rgba(33,199,255,.1)}.guide-content{display:grid;gap:18px}.guide-card{padding:clamp(22px,4vw,40px);scroll-margin-top:120px}.guide-card h2{color:var(--white);font-size:clamp(1.65rem, 3vw, 2.45rem)}.guide-card h3{margin-top:22px;color:#fff;font-size:clamp(1.05rem, 2vw, 1.28rem)}.guide-card p{color:#d7e6f4;font-size:1rem;line-height:1.72}.guide-card p:last-child{margin-bottom:0}.guide-alert{margin-top:22px;padding:16px;border:1px solid rgba(255,159,53,.3);border-radius:12px;color:#ffd8a8;background:rgba(255,159,53,.1)}.guide-alert strong{display:block;margin-bottom:6px;color:#fff0d6}.guide-alert p{color:#ffe2bc}.guide-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.guide-tool-grid a{min-height:150px;display:grid;align-content:center;gap:9px;padding:18px;border:1px solid rgba(33,199,255,.22);border-radius:12px;color:var(--white);background:radial-gradient(circle at 100% 0,rgba(33,199,255,.12),transparent 40%),rgba(255,255,255,.055);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.guide-tool-grid a:hover{transform:translateY(-3px);border-color:rgba(33,199,255,.52);box-shadow:0 18px 46px rgba(33,199,255,.12)}.guide-tool-grid strong{font-size:1.1rem}.guide-tool-grid span{color:#cfe0ef;line-height:1.55}@media (max-width:1050px){.guide-page,.guide-tool-grid{grid-template-columns:1fr}.guide-index{position:static}}@media (max-width:760px){.guide-hero{padding:38px 14px}.guide-card,.guide-hero-card,.guide-index{border-radius:12px;box-shadow:0 16px 44px rgba(0,0,0,.2)}.guide-card,.guide-hero-card,.guide-index{padding:16px}.guide-hero h1{font-size:clamp(1.9rem, 8vw, 2.7rem);overflow-wrap:anywhere}.guide-page{padding:36px 14px;gap:14px}.guide-index{gap:7px}.guide-index a{min-height:40px}.guide-hero-actions,.guide-tools-inline{display:grid;grid-template-columns:1fr}.guide-hero-actions .btn,.guide-tools-inline .btn{width:100%}}