:root{--primary-dark:#0a2a6e;--primary-mid:#1a4fae;--primary-light:#1e6abf;--accent:#2196f3;--success:#4caf50;--text-dark:#1a1a2e;--text-light:#4a5568;--bg-light:#f8faff;--bg-white:#fff;--border-light:#e2e8f0;--shadow-sm:0 2px 8px #0a2a6e14;--shadow-md:0 4px 16px #0a2a6e1f;--shadow-lg:0 8px 32px #0a2a6e29;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--transition:all .3s cubic-bezier(.4,0,.2,1)}.guide-wrapper{min-height:100vh;padding-bottom:60px}.guide-hero{background:linear-gradient(155deg,#0a2a6e 0%,#1a4fae 45%,#1e6abf 100%);margin-bottom:-40px;padding:80px 20px 100px;position:relative;overflow:hidden}.guide-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-10%}.guide-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-30%;left:-5%}.hero-content{z-index:1;max-width:1200px;margin:0 auto;position:relative}.hero-icon{backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 24px;display:flex}.hero-icon svg{fill:#fff;width:36px;height:36px}.hero-title{color:#fff;text-align:center;text-shadow:0 2px 12px #0003;justify-content:center;align-items:center;margin-bottom:12px;font-size:42px;font-weight:700;display:flex}.hero-subtitle{color:#ffffffe6;text-align:center;justify-content:center;align-items:center;margin-bottom:32px;font-size:18px;font-weight:300;display:flex}.guide-card{background:var(--bg-white);border-radius:var(--radius-lg);max-width:1200px;box-shadow:var(--shadow-lg);margin:0 auto;padding:50px;position:relative}.info-banner{border-radius:var(--radius-md);border-right:4px solid var(--accent);background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);align-items:center;gap:16px;margin-bottom:40px;padding:20px 24px;display:flex}.info-banner-icon{background:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.info-banner-text{color:var(--text-dark);font-size:16px;line-height:1.6}.guide-tabs{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);gap:0;margin-bottom:40px;display:flex;overflow:hidden}.guide-tab{cursor:pointer;color:var(--text-light);transition:var(--transition);background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf1 100%);border:none;flex:1;justify-content:center;align-items:center;gap:10px;padding:20px 30px;font-size:18px;font-weight:600;text-decoration:none;display:flex;position:relative}.guide-tab:before{content:"";background:linear-gradient(90deg,var(--primary-mid)0%,var(--primary-light)100%);height:4px;transition:var(--transition);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.guide-tab:hover{color:var(--primary-dark);background:linear-gradient(135deg,#e8ecf1 0%,#dce2e9 100%)}.guide-tab.active{color:#fff;background:linear-gradient(155deg,#0a2a6e 0%,#1a4fae 45%,#1e6abf 100%)}.guide-tab.active:before{transform:scaleX(1)}.guide-tab-icon{font-size:22px}.guide-tab-content{display:none}.guide-tab-content.active{animation:.4s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.guide-steps{flex-direction:column;gap:30px;display:flex}.guide-step{border-radius:var(--radius-md);border:1px solid var(--border-light);transition:var(--transition);background:linear-gradient(135deg,#f8faff 0%,#f0f4ff 100%);padding:30px;position:relative;overflow:hidden}.guide-step:before{content:"";background:linear-gradient(180deg,var(--primary-mid)0%,var(--primary-light)100%);opacity:0;width:5px;height:100%;transition:var(--transition);position:absolute;top:0;right:0}.guide-step:hover{box-shadow:var(--shadow-md);transform:translate(-5px)}.guide-step:hover:before{opacity:1}.step-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.step-number{background:linear-gradient(135deg,var(--primary-mid)0%,var(--primary-light)100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;font-weight:700;display:flex;box-shadow:0 4px 12px #1a4fae4d}.step-title{color:var(--primary-dark);font-size:18px;font-weight:600;line-height:1.5}.step-image{border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-top:20px;overflow:hidden}.step-image img{width:100%;height:auto;transition:var(--transition);display:block}.step-image:hover img{transform:scale(1.02)}@media (width<=992px){.guide-card{padding:40px 30px}.hero-title{font-size:36px}.guide-tab{padding:16px 20px;font-size:16px}}@media (width<=768px){.guide-hero{padding:60px 15px 80px}.hero-title{font-size:30px}.hero-subtitle{font-size:16px}.guide-card{margin:0 15px;padding:30px 20px}.guide-tabs{flex-direction:column}.guide-tab{padding:16px 20px;font-size:16px}.guide-step{padding:20px}.step-number{width:45px;height:45px;font-size:18px}.step-title{font-size:16px}.info-banner{text-align:center;flex-direction:column;padding:16px 18px}.info-banner-text{font-size:15px}}@media (width<=480px){.guide-hero{padding:50px 10px 70px}.hero-title{font-size:26px}.hero-subtitle{font-size:14px}.hero-icon{width:60px;height:60px}.guide-card{margin:0 10px;padding:25px 15px}.guide-step{padding:16px}.step-header{gap:12px}.step-number{width:40px;height:40px;font-size:16px}.step-title{font-size:15px}.info-banner-text{font-size:14px}}.hero-breadcrumb{justify-content:center;align-items:center;gap:8px;font-size:.95rem;display:flex}.breadcrumb-link{color:#ffffffe6;text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:#fff}.breadcrumb-separator{color:#fff9}.breadcrumb-current{color:#fff;font-weight:600}