.ipv6-hero-section{background:linear-gradient(#831bc9cc, #e052cfba), url(/wp-content/themes/zibll/demopages/img/ipv6-bg.webp);background-size:cover;background-position:center;padding:60px 20px;margin:-30px -30px 30px -30px;border-radius:var(--main-radius) var(--main-radius) 0 0;position:relative;overflow:hidden}.ipv6-hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:0.3}.bg-white{background:white !important}.rounded{border-radius:var(--main-radius) !important}.p-3{padding:1rem !important}.shadow{box-shadow:0 10px 30px rgba(0,0,0,0.2) !important}.bg-light{background-color:#f8f9fa !important}.border-end-0{border-right:0 !important}.ip-info{margin-top:20px !important}.ipv6-hero-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.ipv6-hero-title{color:white;font-size:32px!important;text-shadow:0 2px 10px rgba(0,0,0,0.1)}.ipv6-hero-subtitle{color:rgba(255,255,255,0.9);font-size:16px;margin-bottom:30px}.ipv6-checker-container .input-group{display:flex;align-items:stretch;box-shadow:none;border-radius:var(--main-radius);overflow:hidden}.ipv6-checker-container .input-group-prepend,.ipv6-checker-container .input-group-append{display:flex}.ipv6-checker-container .input-group-text{padding:10px 15px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:var(--main-radius) 0 0 var(--main-radius);display:flex;align-items:center}.ipv6-checker-container .form-control{flex:1;padding:26px 15px;border:1px solid #dee2e6;border-left:none;border-right:none;background:white;color:#fe598c;font-size:16px}.ipv6-checker-container .form-control:focus{outline:none;border-color:var(--theme-color)}.ipv6-checker-container .but-lg{padding:10px 30px;font-size:16px;border-radius:0 var(--main-radius) var(--main-radius) 0;background:linear-gradient(to top right,#ff5473,#fb6bea);color:white}.ipv6-checker-container .but-lg:hover{background:linear-gradient(to top right, #fb6bea, #ff5473);border-color:#b91c1c}.current-ipv6-info{margin-top:25px;color:white;font-size:15px}.current-ipv6-info code{background:rgba(255,255,255,0.2);padding:2px 8px;border-radius:4px;font-family:'Courier New',monospace;color:white}.progress-steps{margin-bottom:30px}.progress-step{display:flex;align-items:center;padding:15px;margin-bottom:10px;background:var(--muted-bg-2-color);border-radius:var(--main-radius);transition:all 0.3s}.progress-step.active{background:var(--main-bg-color);box-shadow:0 2px 10px var(--main-shadow)}.progress-step.completed{background:#e8f5e9}.progress-step.error{background:#ffebee}.step-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:20px}.progress-step.completed .step-icon{color:#4caf50}.progress-step.error .step-icon{color:#f44336}.progress-step.active .step-icon{color:var(--theme-color)}.step-title{font-weight:bold;color:#22a48c}.step-desc{color:var(--muted-color);font-size:14px}.result-card{background:var(--main-bg-color);border-radius:var(--main-radius);padding:20px;margin-bottom:20px;box-shadow:0 2px 10px var(--main-shadow)}.result-card h4{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--main-border-color)}.result-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed var(--main-border-color)}.result-item:last-child{border-bottom:none}.result-label{color:var(--muted-color)}.result-value{font-weight:bold}.result-value.success{color:#4caf50}.result-value.error{color:#f44336}.result-value.warning{color:#ff9800}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px}.badge-success{background:#e8f5e9;color:#4caf50}.badge-error{background:#ffebee;color:#f44336}.badge-warning{background:#fff3e0;color:#ff9800}.code-box{background:var(--main-bg-color);border:1px solid var(--main-border-color);border-radius:var(--main-radius);padding:15px;margin-top:15px;position:relative}.code-box pre{margin:0;overflow-x:auto;font-family:'Courier New',monospace;font-size:13px}.copy-btn{position:absolute !important;top:10px !important;right:10px !important;left:auto !important;z-index:10}.summary-box{text-align:center;padding:30px;border-radius:var(--main-radius);margin-bottom:20px}.summary-box.success{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%)}.summary-box.error{background:linear-gradient(135deg,#ffebee 0%,#ffcdd2 100%)}.summary-icon{font-size:60px;margin-bottom:15px}.summary-box.success .summary-icon{color:#4caf50}.summary-box.error .summary-icon{color:#f44336}.feature-box{transition:all 0.3s ease}.feature-box:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.15)}.feature-box .feature-icon i{display:inline-block;padding:20px;border-radius:20%}.result-header{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:white;padding:20px;border-radius:var(--main-radius) var(--main-radius) 0 0;margin-bottom:0}.result-title{font-size:22px;font-weight:bold;margin:0}.result-table-container{background:var(--main-bg-color);border:1px solid var(--main-border-color);border-top:none;border-radius:0 0 var(--main-radius) var(--main-radius);overflow:hidden}.result-table{width:100%;border-collapse:collapse}.result-table th,.result-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--main-border-color)}.result-table th{background:var(--muted-bg-2-color);font-weight:600;color:var(--key-color)}.result-table tr:last-child td{border-bottom:none}.result-table td.mono{font-family:'Courier New',monospace;word-break:break-all}.text-success{color:#10b981}.text-error{color:#ef4444}.text-warning{color:#f59e0b}.my-3{margin-top:1rem;margin-bottom:1rem}.mb-3{margin-bottom:1rem}.text-muted{color:var(--muted-color)}.result-conclusion{display:flex;align-items:center;padding:16px;margin-top:20px;border-radius:var(--main-radius)}.result-conclusion.success{background:#d1fae5}.result-conclusion.error{background:#fee2e2}.conclusion-label{font-weight:600;margin-right:16px;padding-right:16px;border-right:2px solid rgba(0,0,0,0.1);min-width:80px;color: #22a48c;}.conclusion-text{font-weight:500}.result-conclusion.success .conclusion-text{color:#065f46}.result-conclusion.error .conclusion-text{color:#991b1b}.result-footer{text-align:center;padding:20px;color:var(--muted-color);font-size:14px}.mt20{margin-top:20px}@media (max-width:768px){.ipv6-hero-section{padding:40px 15px;margin:-20px -20px 20px -20px}.ipv6-hero-title{font-size:28px}.ipv6-checker-container .input-group{flex-direction:column;border-radius:var(--main-radius)}.ipv6-checker-container .input-group-prepend,.ipv6-checker-container .input-group-append,.ipv6-checker-container .form-control{width:100%;border-radius:var(--main-radius);border:1px solid var(--main-border-color);margin-bottom:10px}.ipv6-checker-container .input-group-text{border-radius:var(--main-radius);justify-content:center}.ipv6-checker-container .but-lg{width:100%;border-radius:var(--main-radius)}.result-table-container{overflow-x:auto}.result-table{min-width:600px}.result-table th,.result-table td{padding:10px 12px;font-size:14px}.result-conclusion{flex-direction:column;align-items:flex-start}.conclusion-label{border-right:none;border-bottom:2px solid rgba(0,0,0,0.1);padding-bottom:8px;margin-bottom:8px;margin-right:0;min-width:auto}}@media (max-width:480px){.result-header{padding:15px}.result-title{font-size:18px}.progress-step{padding:12px}}