.cta-section{background:linear-gradient(135deg,#2c3e50,#34495e);border:1px solid #10b981;border-radius:16px;margin-bottom:2rem;margin-top:2rem;padding:32px}@media (max-width:767px){.cta-section{padding:24px 16px}}.cta-section p{color:hsla(0,0%,100%,.95)!important}.cta-section .cta-title{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:12px}.cta-section .auth-title svg{color:#14532d}.cta-section .cta-btn{background:#2563eb;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.2);color:#fff;display:inline-block;font-size:1.1rem;font-weight:700;padding:15px 30px;text-decoration:none!important;transition:all .3s ease}.cta-section .cta-btn:hover{box-shadow:0 6px 20px rgba(0,0,0,.3)!important;transform:translateY(-2px)!important}.diagram{background:#f8fafc;border:1px dashed #e5e7eb;border-radius:14px;padding:18px}.diagram svg{display:block;height:auto;width:100%}.highlight-box{background:linear-gradient(135deg,#f8f9ff,#e6f3ff);border:1px solid #d1ecf1;border-radius:10px;margin:30px 0;padding:30px;position:relative}.grid3{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.grid3 .feature{padding:16px}.grid3 .icon svg{flex-shrink:0;height:24px;width:24px}.grid3 .feature .icon{align-items:center;border-radius:50%;color:#fff;display:flex;height:48px;justify-content:center;margin-bottom:12px;width:48px}.grid3 .bg-blue{background-color:#2563eb}.grid3 .bg-green{background-color:#16a34a}.grid3 .bg-yellow{background-color:#eab308}.wh-timeline{border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0}.wh-timeline table{border-collapse:collapse;margin:0;min-width:640px;width:100%}.wh-timeline td,.wh-timeline th{border-bottom:1px solid #f1f5f9;font-size:.95rem;padding:14px 16px;vertical-align:top}.wh-timeline thead th{background:#f8fafc;font-weight:600;white-space:nowrap}.wh-timeline tr:last-child td{border-bottom:0}.wh-timeline .stage{font-weight:600;white-space:nowrap}.wh-timeline .when{color:#64748b;white-space:nowrap}.wh-timeline tr.warn{background:#fffbeb}.wh-timeline tr.warn .stage{color:#b45309}.wh-timeline tr.stop{background:#fef2f2}.wh-timeline tr.stop .stage{color:#b91c1c}.wh-timeline tr.recover{background:#f0fdf4}.wh-timeline tr.recover .stage{color:#15803d}.wh-badge{border-radius:999px;display:inline-block;font-size:.85rem;font-weight:600;line-height:1.6;padding:2px 10px}.wh-badge.on{background:#dcfce7;color:#15803d}.wh-badge.off{background:#f1f5f9;color:#475569}.wh-badge.sys{background:#fee2e2;color:#b91c1c}.wh-plan{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0}.wh-plan table{border-collapse:collapse;min-width:860px;width:100%}.wh-plan td,.wh-plan th{border:1px solid #e5e7eb;font-size:.95rem;padding:12px 14px;text-align:center}.wh-plan thead th{background:#f8fafc;font-weight:600;white-space:nowrap}.wh-plan tbody th{background:#fcfcfd;font-weight:500;left:0;position:sticky;text-align:left;white-space:nowrap;z-index:1}.wh-plan thead th:first-child{left:0;position:sticky;z-index:2}.wh-plan .yes{color:#15803d;font-weight:600}.wh-plan .no{color:#cbd5e1}.wh-steps{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:1.5rem 0}.wh-steps .step{border:1px solid #e5e7eb;border-radius:12px;padding:18px}.wh-steps .step .no{align-items:center;background:#2563eb;border-radius:50%;color:#fff;display:inline-flex;font-size:.9rem;font-weight:700;height:28px;justify-content:center;margin-bottom:10px;width:28px}.wh-steps .step h3{font-size:1.05rem;margin-bottom:6px}.wh-steps .step p{color:#64748b;font-size:.95rem;margin:0}@media (max-width:767px){.grid3,.wh-steps{grid-template-columns:1fr}.wh-timeline td,.wh-timeline th{padding:12px}.wh-plan td,.wh-plan th{font-size:.9rem;padding:10px 12px}}