.firewall-alert{display:flex;gap:1.5rem;background:#fff3cd;border:2px solid #ffc107;border-left:6px solid #ff9800;border-radius:8px;padding:1.5rem;margin-bottom:3rem;box-shadow:0 2px 8px rgba(255,152,0,.1)}.alert-icon{font-size:2.5rem;flex-shrink:0;line-height:1}.alert-content h3{color:#856404;font-size:1.25rem;margin-bottom:1rem;font-weight:600}.alert-content p{color:#856404;line-height:1.6;margin-bottom:.75rem}.alert-content p:last-child{margin-bottom:0}.how-it-works-section{margin-bottom:3rem}.how-it-works-section h2{color:#1a1a1a;font-size:2rem;margin-bottom:2rem}.workflow-diagram{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:#f8f9fa;border-radius:8px}.workflow-step{display:flex;align-items:center;gap:1.5rem;background:#fff;border:2px solid #088434;border-radius:8px;padding:1.5rem;width:100%;max-width:600px}.workflow-number{background:#088434;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.workflow-content h3{color:#1a1a1a;font-size:1.25rem;margin-bottom:.5rem}.workflow-content p{color:#4a4a4a;line-height:1.6;margin:0}.workflow-arrow{font-size:2rem;color:#088434;font-weight:700}.configuration-section{margin-bottom:3rem}.configuration-section h2{color:#1a1a1a;font-size:2rem;margin-bottom:2rem}.config-methods h3,.config-requirements h3{color:#1a1a1a;font-size:1.5rem;margin-bottom:1.5rem}.requirements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:3rem}.requirement-card{background:#f8f9fa;border-left:4px solid #088434;border-radius:8px;padding:1.5rem}.requirement-card h4{color:#088434;font-size:1.125rem;margin-bottom:.75rem}.requirement-card p{color:#4a4a4a;line-height:1.6;margin:0}.config-methods p{color:#4a4a4a;line-height:1.6;margin-bottom:1rem}.code-block{background:#1e1e1e;color:#d4d4d4;padding:1.5rem;border-radius:6px;overflow-x:auto;margin-bottom:1rem;border:1px solid #333}.code-block code{font-family:Courier New,Consolas,Monaco,monospace;font-size:.9rem;line-height:1.5;white-space:pre}.example-card h4{color:#088434;font-size:1.125rem;margin-top:1.5rem;margin-bottom:.75rem}.notification-format-section{margin-bottom:3rem}.notification-format-section h2{color:#1a1a1a;font-size:2rem;margin-bottom:2rem}.implementation-section{margin-bottom:3rem}.implementation-section h2{color:#1a1a1a;font-size:2rem;margin-bottom:2rem}.retry-section{margin-bottom:3rem}.retry-section h2{color:#1a1a1a;font-size:2rem;margin-bottom:1.5rem}.retry-section .info-box{background:#e7f3ff;border:1px solid #0d6efd;border-left-width:4px;margin-bottom:1.5rem}.retry-section .info-box h4{color:#0d6efd;font-size:1.125rem;margin-bottom:.75rem;font-weight:600}.retry-architecture{background:#f8f9fa;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.retry-architecture h3{color:#088434;font-size:1.25rem;margin-bottom:.75rem}.retry-architecture p{color:#4a4a4a;line-height:1.6;margin:0}.warning-box{background:#fff3cd;border:1px solid #ffc107;border-left-width:4px;border-radius:8px;padding:1.5rem;margin-top:1.5rem}.warning-box h4{font-size:1.125rem;font-weight:600}.warning-box h4,.warning-box p{color:#856404;margin-bottom:.75rem}.warning-box p{line-height:1.6}.warning-box ul{margin-left:1.5rem;color:#856404}.warning-box li{margin-bottom:.5rem;line-height:1.6}.testing-section{margin-bottom:3rem}.testing-section h2{color:#1a1a1a;font-size:2rem;margin-bottom:1.5rem}.testing-tips h3{color:#1a1a1a;font-size:1.5rem;margin-bottom:1.5rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.tool-card{background:#f8f9fa;border-radius:8px;padding:1.5rem;border-top:3px solid #088434}.tool-card h4{color:#088434;font-size:1.25rem;margin-bottom:.75rem}.tool-card p{color:#4a4a4a;line-height:1.6;margin-bottom:.75rem}.tool-card .code-block{margin-top:.5rem;margin-bottom:.5rem}.navigation-section{margin-top:3rem;margin-bottom:3rem}.navigation-buttons{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.nav-button{display:inline-flex;align-items:center;padding:.875rem 1.75rem;border-radius:8px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1);flex:1 1;min-width:200px;justify-content:center}.prev-button{background:#fff;color:#088434;border:2px solid #088434}.prev-button:hover{background:#088434;color:#fff;transform:translateX(-4px);box-shadow:0 4px 12px rgba(8,132,52,.2)}.next-button{background:linear-gradient(135deg,#088434,#06692a);color:#fff;border:2px solid transparent}.next-button:hover{transform:translateX(4px);box-shadow:0 4px 12px rgba(8,132,52,.3)}@media (max-width:768px){.firewall-alert{flex-direction:column;gap:1rem}.alert-icon{font-size:2rem;text-align:center}.workflow-diagram{padding:1rem}.workflow-step{flex-direction:column;text-align:center}.requirements-grid,.tools-grid{grid-template-columns:1fr}.navigation-buttons{flex-direction:column}.nav-button{width:100%}}