.cape-howto-shell{padding:48px 0 72px;background:radial-gradient(circle at 50% 0,rgba(53,165,200,.09),transparent 32%),#050d12;min-height:70vh}.cape-howto-back{display:inline-flex;margin-bottom:18px;color:#79cfe2;text-decoration:none;font-weight:800}.cape-howto-card{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:26px}.cape-howto-preview,.cape-howto-copy{border:1px solid rgba(92,188,214,.15);border-radius:20px;background:linear-gradient(155deg,rgba(8,24,33,.96),rgba(5,14,20,.98));box-shadow:0 24px 60px rgba(0,0,0,.22)}.cape-howto-preview{padding:20px;align-self:start}.cape-howto-stage{position:relative;display:grid;place-items:center;min-height:470px;overflow:hidden;border:1px solid rgba(96,194,218,.12);border-radius:16px;background:radial-gradient(circle at 50% 35%,rgba(53,184,218,.17),transparent 35%),linear-gradient(160deg,#0a202b,#071118 66%,#040b0f)}.cape-howto-stage:before,.cape-howto-stage:after{content:"";position:absolute;pointer-events:none}.cape-howto-stage:before{inset:-20%;background:radial-gradient(circle,rgba(255,255,255,.2) 0 1px,transparent 2px) 15% 20%/52px 52px,radial-gradient(circle,rgba(83,216,241,.34) 0 1px,transparent 2px) 70% 40%/66px 66px;animation:howtoDrift 9s linear infinite}.cape-howto-stage:after{width:180px;height:36px;left:50%;bottom:62px;transform:translateX(-50%);border-radius:50%;background:rgba(0,0,0,.42);filter:blur(12px)}@keyframes howtoDrift{from{transform:translate3d(-8px,0,0) rotate(0)}to{transform:translate3d(18px,-12px,0) rotate(8deg)}}.cape-howto-stage img{position:relative;z-index:2;width:min(44%,220px);max-height:330px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 28px 24px rgba(0,0,0,.45)) brightness(1.04);animation:howtoFloat 4s ease-in-out infinite alternate}@keyframes howtoFloat{from{transform:translateY(4px) rotate(-1deg)}to{transform:translateY(-9px) rotate(1deg)}}.cape-howto-stage>span{position:absolute;z-index:3;left:16px;top:16px;padding:6px 9px;border:1px solid rgba(239,94,98,.28);border-radius:999px;background:rgba(109,26,32,.2);color:#ff8d91;font-size:10px;font-weight:900;text-transform:uppercase}.cape-howto-preview-actions{display:flex;gap:8px;margin-top:12px}.cape-howto-copy{padding:28px}.cape-howto-eyebrow{margin:0;color:#64cfe6;font-size:10px;font-weight:900;letter-spacing:.15em}.cape-howto-copy h1{margin:8px 0 12px;color:#f5fbfe;font-size:clamp(34px,5vw,58px);letter-spacing:-.045em}.cape-howto-badges{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.cape-howto-badges span{padding:6px 9px;border:1px solid rgba(110,186,208,.15);border-radius:999px;background:rgba(255,255,255,.02);color:#a8c1cb;font-size:9px;font-weight:900}.cape-howto-badges .status-obtainable{border-color:rgba(66,210,142,.26);color:#78e7b1}.cape-howto-badges .status-limited-time{border-color:rgba(232,183,69,.27);color:#f3c967}.cape-howto-badges .status-unobtainable{border-color:rgba(239,85,89,.28);color:#ff8b8e}.cape-howto-description{max-width:760px;color:#96aeb8;font-size:14px;line-height:1.7}.cape-howto-status,.cape-howto-steps,.cape-howto-trust{margin-top:20px;padding:18px;border:1px solid rgba(96,184,208,.13);border-radius:14px;background:rgba(255,255,255,.018)}.cape-howto-status.status-unobtainable{border-color:rgba(239,88,91,.2);background:rgba(91,23,29,.12)}.cape-howto-status small,.cape-howto-steps>small,.cape-howto-trust>small{color:#6ed0e6;font-size:9px;font-weight:900;letter-spacing:.12em}.cape-howto-status.status-unobtainable small{color:#ef9395}.cape-howto-status h2,.cape-howto-steps h2,.cape-howto-trust h2{margin:6px 0 8px;color:#eef8fb;font-size:20px}.cape-howto-status p,.cape-howto-trust p{margin:0;color:#829ca7;line-height:1.65}.cape-howto-steps ol{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}.cape-howto-steps li{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start}.cape-howto-steps li span{display:grid;place-items:center;width:22px;height:22px;border:1px solid rgba(76,203,232,.24);border-radius:50%;background:rgba(58,183,214,.08)}.cape-howto-steps li span:after{content:"✓";color:#6bd7ec;font-size:11px;font-weight:900}.cape-howto-steps li p{margin:1px 0 0;color:#91aab4;line-height:1.55}.cape-howto-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.cape-howto-sources a{display:grid;gap:3px;padding:11px;border:1px solid rgba(96,182,206,.13);border-radius:10px;background:rgba(255,255,255,.018);text-decoration:none}.cape-howto-sources a:hover{border-color:rgba(73,208,238,.32);background:rgba(59,170,200,.07)}.cape-howto-sources b{color:#edf8fb}.cape-howto-sources small{color:#71909c}.cape-howto-source-missing{color:#718b96;font-size:12px}.cape-howto-footer-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.cape-howto-empty{padding:44px;border:1px solid rgba(89,183,208,.14);border-radius:18px;background:#07151d;text-align:center}.cape-howto-empty h1{color:#f3fbff}.cape-howto-empty p{color:#829ca6}@media(max-width:860px){.cape-howto-card{grid-template-columns:1fr}.cape-howto-stage{min-height:340px}}@media(max-width:560px){.cape-howto-shell{padding-top:28px}.cape-howto-copy,.cape-howto-preview{padding:16px}.cape-howto-sources{grid-template-columns:1fr}.cape-howto-preview-actions{display:grid}}@media(prefers-reduced-motion:reduce){.cape-howto-stage:before,.cape-howto-stage img{animation:none!important}}