.guide-hero{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);padding:80px 24px;text-align:center}.guide-hero-container{max-width:1280px;margin:0 auto}.guide-title{font-size:56px;font-weight:800;color:var(--white);margin:0 0 24px;line-height:1.1}.guide-subtitle{font-size:22px;color:rgba(255,255,255,.95);max-width:900px;margin:0 auto;line-height:1.6}.guide-content{background:var(--gray-50);padding:80px 24px}.guide-container{max-width:1280px;margin:0 auto}.guide-section{background:var(--white);border-radius:12px;padding:64px;margin-bottom:48px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.overview-card h3,.section-title{font-weight:700;color:var(--gray-900)}.section-title{font-size:36px;margin:0 0 48px;padding-bottom:24px;border-bottom:3px solid var(--primary-500)}.overview-grid{display:flex;flex-wrap:wrap;gap:32px}.overview-card{flex:1 1 calc(25% - 24px);min-width:240px;padding:32px;background:var(--white);border:2px solid var(--gray-200);border-radius:12px;text-align:center;transition:all .3s ease}.overview-card:hover{border-color:var(--primary-500);transform:translateY(-4px);box-shadow:0 8px 24px rgba(44,95,125,.12)}.overview-icon{width:56px;height:56px;margin:0 auto 24px;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--white)}.overview-card h3{font-size:20px;margin:0 0 12px}.overview-card p{font-size:16px;color:var(--gray-600);margin:0;line-height:1.5}.format-block{margin-bottom:48px}.format-block:last-child{margin-bottom:0}.format-block h3,.requirement-content h3{font-size:24px;font-weight:700;color:var(--gray-900);margin:0 0 16px}.format-block>p{font-size:17px;color:var(--gray-700);margin:0 0 20px;line-height:1.6}.code-block{background:var(--gray-900);border-radius:8px;padding:24px;overflow-x:auto}.code-block pre,.requirement-content code{font-family:"Consolas","Monaco","Courier New",monospace;font-size:14px}.code-block pre{margin:0;line-height:1.6;color:#e8eaed}.requirement-list{display:flex;flex-direction:column;gap:40px}.requirement-item{display:flex;gap:32px;align-items:flex-start}.requirement-number{flex-shrink:0;width:80px;height:80px;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;color:var(--white)}.requirement-content{flex:1}.requirement-content h3{margin:0 0 12px}.requirement-content>p{font-size:17px;color:var(--gray-700);margin:0 0 16px}.requirement-content strong,.step-content strong{color:var(--primary-600);font-weight:700}.requirement-content ul,.step-content ul,.style-card ul{list-style:none;padding:0;margin:0}.requirement-content li{font-size:16px;color:var(--gray-700);padding-left:28px;margin-bottom:12px;position:relative;line-height:1.6}.requirement-content li::before,.step-content li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;background:var(--primary-500);border-radius:50%}.requirement-content code{background:var(--gray-100);color:var(--primary-700);padding:2px 8px;border-radius:4px}.style-grid{display:flex;gap:48px}.style-card{flex:1;padding:40px;border-radius:12px;border:2px solid}.style-card.do{border-color:var(--primary-500);background:linear-gradient(135deg,rgba(44,95,125,.03)0,rgba(44,95,125,.06) 100%)}.style-card.dont{border-color:var(--gray-300);background:var(--gray-50)}.style-card h3{font-size:28px;font-weight:700;margin:0 0 28px}.style-card.do h3{color:var(--primary-600)}.style-card.dont h3{color:var(--gray-700)}.style-card li{font-size:16px;padding-left:32px;margin-bottom:16px;position:relative}.style-card.do li::before,.style-card.dont li::before{content:"✓";position:absolute;left:0;font-size:20px;font-weight:700;color:var(--primary-600)}.style-card.dont li::before{content:"✗";color:var(--gray-500)}.process-steps{display:flex;flex-direction:column;gap:40px}.process-step{display:flex;gap:32px;align-items:flex-start;padding:40px;background:var(--gray-50);border-radius:12px;border-left:4px solid var(--primary-500)}.step-number{flex-shrink:0;width:64px;height:64px;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:var(--white)}.step-content{flex:1}.guide-cta h2,.step-content h3{font-size:24px;font-weight:700;color:var(--gray-900);margin:0 0 12px}.step-content li,.step-content>p,.style-card li{color:var(--gray-700);line-height:1.6}.step-content>p{font-size:17px;margin:0 0 16px}.step-content li{font-size:16px;padding-left:28px;margin-bottom:10px;position:relative}.checklist-card{background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-800) 100%);padding:56px;border-radius:12px;color:var(--white)}.checklist-intro{font-size:20px;color:rgba(255,255,255,.95);margin:0 0 40px;text-align:center;font-weight:500}.checklist-columns{display:flex;gap:48px}.checklist-column{flex:1}.checklist-column h3{font-size:22px;font-weight:700;color:var(--white);margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid rgba(255,255,255,.2)}.checklist{list-style:none;padding:0;margin:0}.checklist li{font-size:16px;color:rgba(255,255,255,.9);margin-bottom:12px;line-height:1.5;font-family:"Consolas","Monaco","Courier New",monospace}.guide-cta{background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-800) 100%);padding:64px;border-radius:12px;text-align:center;margin-top:48px}.guide-cta h2{font-size:36px;color:var(--white);margin:0 0 16px}.guide-cta p{font-size:20px;color:rgba(255,255,255,.9);margin:0 0 32px}.cta-button{display:inline-flex;align-items:center;gap:12px;padding:16px 40px;background:var(--white);color:var(--primary-700);font-size:18px;font-weight:700;text-decoration:none;border-radius:8px;transition:all .3s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,255,255,.2);background:var(--gray-50)}@media (max-width:1024px){.guide-title{font-size:44px}.guide-subtitle{font-size:20px}.guide-section{padding:48px}.section-title{font-size:32px}.overview-card{flex:1 1 calc(50% - 16px)}.style-grid{flex-direction:column;gap:32px}.checklist-columns{flex-wrap:wrap;gap:32px}.checklist-column{flex:1 1 calc(50% - 16px);min-width:280px}}@media (max-width:768px){.guide-hero{padding:60px 20px}.guide-title{font-size:36px}.guide-cta p,.guide-subtitle{font-size:18px}.guide-content{padding:48px 20px}.guide-section{padding:32px 24px;margin-bottom:32px}.section-title{font-size:28px;margin-bottom:32px}.overview-card{flex:1 1 100%;min-width:100%}.format-block h3,.requirement-content h3,.step-content h3{font-size:20px}.requirement-item{flex-direction:column;gap:20px}.requirement-number{width:64px;height:64px;font-size:28px}.process-step{flex-direction:column;gap:20px;padding:28px 20px}.step-number{width:56px;height:56px;font-size:24px}.checklist-card{padding:32px 24px}.checklist-columns{flex-direction:column;gap:32px}.checklist-column{flex:1 1 100%}.guide-cta{padding:48px 24px}.guide-cta h2{font-size:28px}}@media (max-width:480px){.guide-title{font-size:32px}.guide-subtitle{font-size:17px}.guide-cta h2,.section-title{font-size:24px}.overview-icon{width:48px;height:48px}.overview-card h3{font-size:18px}.code-block{padding:16px}.code-block pre{font-size:13px}.requirement-number{width:56px;height:56px;font-size:24px;border-radius:12px}.step-number{width:48px;height:48px;font-size:20px}.checklist-intro{font-size:18px}.checklist-column h3{font-size:20px}.cta-button{padding:14px 32px;font-size:16px}}