: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 rgba(10,42,110,.08);--shadow-md:0 4px 16px rgba(10,42,110,.12);--shadow-lg:0 8px 32px rgba(10,42,110,.16);--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%);padding:80px 20px 100px;position:relative;overflow:hidden;margin-bottom:-40px}.guide-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.guide-hero::after{content:'';position:absolute;bottom:-30%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.hero-content{max-width:1200px;margin:0 auto;position:relative;z-index:1}.hero-icon{width:70px;height:70px;background:rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.hero-icon svg{width:36px;height:36px;fill:white}.hero-title{font-size:42px;font-weight:700;color:#fff;text-align:center;margin-bottom:12px;text-shadow:0 2px 12px rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center}.hero-subtitle{font-size:18px;color:rgba(255,255,255,.9);text-align:center;margin-bottom:32px;font-weight:300;display:flex;justify-content:center;align-items:center}.guide-card{max-width:1200px;margin:0 auto;background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:50px;position:relative}.info-banner{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-radius:var(--radius-md);padding:20px 24px;margin-bottom:40px;border-right:4px solid var(--accent);display:flex;align-items:center;gap:16px}.info-banner-icon{width:40px;height:40px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-banner-text{font-size:16px;color:var(--text-dark);line-height:1.6}.guide-tabs{display:flex;gap:0;margin-bottom:40px;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.guide-tab{flex:1;padding:20px 30px;background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf1 100%);border:none;cursor:pointer;font-size:18px;font-weight:600;color:var(--text-light);transition:var(--transition);position:relative;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px}.guide-tab::before{content:'';position:absolute;bottom:0;right:0;left:0;height:4px;background:linear-gradient(90deg,var(--primary-mid) 0%,var(--primary-light) 100%);transform:scaleX(0);transition:var(--transition)}.guide-tab:hover{background:linear-gradient(135deg,#e8ecf1 0%,#dce2e9 100%);color:var(--primary-dark)}.guide-tab.active{background:linear-gradient(155deg,#0a2a6e 0%,#1a4fae 45%,#1e6abf 100%);color:#fff}.guide-tab.active::before{transform:scaleX(1)}.guide-tab-icon{font-size:22px}.guide-tab-content{display:none}.guide-tab-content.active{display:block;animation:fadeIn .4s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.guide-steps{display:flex;flex-direction:column;gap:30px}.guide-step{background:linear-gradient(135deg,#f8faff 0%,#f0f4ff 100%);border-radius:var(--radius-md);padding:30px;border:1px solid var(--border-light);transition:var(--transition);position:relative;overflow:hidden}.guide-step::before{content:'';position:absolute;top:0;right:0;width:5px;height:100%;background:linear-gradient(180deg,var(--primary-mid) 0%,var(--primary-light) 100%);opacity:0;transition:var(--transition)}.guide-step:hover{box-shadow:var(--shadow-md);transform:translateX(-5px)}.guide-step:hover::before{opacity:1}.step-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.step-number{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-mid) 0%,var(--primary-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px rgba(26,79,174,.3)}.step-title{font-size:18px;font-weight:600;color:var(--primary-dark);line-height:1.5}.step-image{margin-top:20px;border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.step-image img{width:100%;height:auto;display:block;transition:var(--transition)}.step-image:hover img{transform:scale(1.02)}@media(max-width:992px){.guide-card{padding:40px 30px}.hero-title{font-size:36px}.guide-tab{font-size:16px;padding:16px 20px}}@media(max-width:768px){.guide-hero{padding:60px 15px 80px}.hero-title{font-size:30px}.hero-subtitle{font-size:16px}.guide-card{padding:30px 20px;margin:0 15px}.guide-tabs{flex-direction:column}.guide-tab{font-size:16px;padding:16px 20px}.guide-step{padding:20px}.step-number{width:45px;height:45px;font-size:18px}.step-title{font-size:16px}.info-banner{padding:16px 18px;flex-direction:column;text-align:center}.info-banner-text{font-size:15px}}@media(max-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{padding:25px 15px;margin:0 10px}.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{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.95rem}.breadcrumb-link{color:rgba(255,255,255,.9);text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:#fff}.breadcrumb-separator{color:rgba(255,255,255,.6)}.breadcrumb-current{color:#fff;font-weight:600}