.hero-section{position:relative;overflow:hidden;min-height:650px;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;background:linear-gradient(rgba(15,23,42,0.80),rgba(15,23,42,0.90)),url('/static/images/seo-checker-hero.webp');background-position:center;background-size:cover;background-repeat:no-repeat;z-index:0}.hero-section .container-lg{position:relative;z-index:2}.hero-section h1{color:#fff;max-width:900px;margin-left:auto;margin-right:auto}.hero-section .hero-text{max-width:720px;color:rgba(255,255,255,0.85) !important}.hero-section .badge{backdrop-filter:blur(8px);background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12)}.hero-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(37,99,235,0.20),transparent 40%);z-index:1;pointer-events:none}.hero-section .trust-badges .badge,.hero-section .hero-badge .badge{background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.18);color:#fff;backdrop-filter:blur(8px);transition:all .2s ease}.hero-section .trust-badges .badge:hover,.hero-section .hero-badge .badge:hover{background:rgba(255,255,255,0.16);border-color:rgba(255,255,255,0.25);color:#fff;transform:translateY(-2px)}.hero-section .btn-outline{color:#fff;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}.hero-section .btn-outline:hover{background:#fff;color:var(--primary);border-color:#fff}.hero-section .btn-outline:hover{color:var(--primary)}.schema-container{min-height:auto}.form-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:visible;height:auto}.json-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);position:sticky;top:90px}.json-preview{background:#1e1e1e;color:#d4d4d4;padding:1rem;border-radius:var(--radius-md);font-family:monospace;font-size:.8rem;overflow-x:auto;white-space:pre-wrap;max-height:500px;overflow-y:auto}.repeater-item{background:rgba(var(--text-rgb),0.03);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem;position:relative}.schema-dropdown{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);color:var(--text);cursor:pointer}@media(max-width:991px){.json-card{position:relative;top:0;margin-bottom:1.5rem}}.loading-spinner{width:2.5rem;height:2.5rem;border:3px solid rgba(var(--primary-rgb),0.1);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.code-block{background:#1e1e1e;color:#d4d4d4;padding:1rem;border-radius:8px;font-family:monospace;font-size:.8rem;overflow-x:auto;margin:1rem 0}.add-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;color:var(--primary);background:rgba(var(--primary-rgb),0.06);border:1px dashed rgba(var(--primary-rgb),0.3);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-family:inherit;width:100%}.add-btn:hover{background:rgba(var(--primary-rgb),0.12);border-color:var(--primary);color:var(--primary,var(--primary))}.add-btn:active{background:rgba(var(--primary-rgb),0.18);transform:scale(0.98)}.add-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.add-btn::before{content:"+";font-size:1.1rem;font-weight:700;line-height:1}.remove-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;font-size:.75rem;font-weight:600;color:#dc3545;background:rgba(220,53,69,0.06);border:1px solid rgba(220,53,69,0.2);border-radius:50%;cursor:pointer;transition:all .2s ease;position:absolute;top:.75rem;right:.75rem;z-index:2;line-height:1}.remove-btn:hover{background:rgba(220,53,69,0.12);border-color:#dc3545;color:#dc3545}.remove-btn:active{background:rgba(220,53,69,0.2);transform:scale(0.9)}.remove-btn:focus-visible{outline:2px solid #dc3545;outline-offset:2px}.form-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:600;color:var(--text)}.form-label .text-danger{color:#dc3545}.form-control{display:block;width:100%;padding:.625rem .875rem;font-size:.875rem;font-weight:400;line-height:1.5;color:var(--text);background-color:var(--card);background-clip:padding-box;border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit}.form-control:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 3px rgba(var(--primary-rgb),0.1)}.form-control::placeholder{color:var(--text-muted,#9ca3af);opacity:1}textarea.form-control{min-height:80px;resize:vertical}.form-select{display:block;width:100%;padding:.625rem 2.5rem .625rem .875rem;font-size:.875rem;font-weight:400;line-height:1.5;color:var(--text);background-color:var(--card);background-image:url("data:image/svg+xml,%3csvgxmlns='http://www.w3.org/2000/svg'viewBox='001616'%3e%3cpathfill='none'stroke='%236b7280'stroke-linecap='round'stroke-linejoin='round'stroke-width='2'd='m25666-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid var(--border);border-radius:var(--radius-md);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:inherit}.form-select:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 3px rgba(var(--primary-rgb),0.1)}.validate-badge{display:flex;align-items:center;gap:.375rem;padding:.625rem .875rem;font-size:.8125rem;font-weight:500;border-radius:var(--radius-md);line-height:1.4}.validate-badge.valid{color:#059669;background:rgba(5,150,105,0.08);border:1px solid rgba(5,150,105,0.2)}.validate-badge.valid .icon-svg{color:#059669}.validate-badge.invalid{color:#dc3545;background:rgba(220,53,69,0.06);border:1px solid rgba(220,53,69,0.15)}.validate-badge.invalid .icon-svg{color:#dc3545}.repeater-item{background:rgba(var(--text-rgb),0.02);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem 1rem 1rem;margin-bottom:.75rem;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.repeater-item:hover{border-color:rgba(var(--primary-rgb),0.2);box-shadow:0 1px 4px rgba(0,0,0,0.04)}.repeater-item .form-control,.repeater-item .form-select{background-color:rgba(var(--text-rgb),0.01)}.repeater-item .form-label.small{font-size:.75rem;font-weight:500;color:var(--text-muted);margin-bottom:.25rem}.repeater-item .mb-2{margin-bottom:.5rem}.alert{padding:.875rem 1rem;border-radius:var(--radius-md);font-size:.875rem;line-height:1.5}.alert-danger{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.alert-info{color:#075985;background:#f0f9ff;border:1px solid #bae6fd}.small{font-size:.8125rem}.text-muted{color:var(--text-muted,#6b7280)}.text-danger{color:#dc3545}.text-success{color:#059669}.fw-semibold{font-weight:600}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1.5rem}.code-inline{display:inline;padding:.125rem .375rem;font-size:.8125rem;font-family:'SF Mono','Menlo','Monaco','Consolas',monospace;color:#d63384;background:rgba(214,51,132,0.06);border:1px solid rgba(214,51,132,0.1);border-radius:4px;word-break:break-word}.icon-svg{display:inline-block;vertical-align:-.125rem;flex-shrink:0}.validation-loading{display:inline-block;width:14px;height:14px;border:2px solid rgba(var(--text-rgb),0.15);border-top-color:var(--text);border-radius:50%;animation:spin .6s linear infinite;margin-right:.375rem;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.btn,.add-btn,.remove-btn,.validation-loading{transition:none;animation:none}}.schema-toast{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;margin-bottom:1.25rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;line-height:1.5;animation:toastSlideIn .3s ease;position:relative;z-index:100;box-shadow:0 4px 16px rgba(0,0,0,0.08);border:1px solid transparent}.schema-toast-success{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.schema-toast-success .schema-toast-icon{color:#059669}.schema-toast-warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.schema-toast-warning .schema-toast-icon{color:#d97706}.schema-toast-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.schema-toast-error .schema-toast-icon{color:#dc2626}.schema-toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.schema-toast-icon svg{width:16px;height:16px}.schema-toast-message{flex:1}.schema-toast-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:0;cursor:pointer;font-size:1.25rem;line-height:1;color:inherit;opacity:.6;border-radius:4px;flex-shrink:0;transition:opacity .2s ease,background .2s ease}.schema-toast-close:hover{opacity:1;background:rgba(0,0,0,0.06)}.schema-toast-close:focus-visible{outline:2px solid currentColor;outline-offset:1px;opacity:1}@keyframes toastSlideIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.copy-btn.copied{background:rgba(5,150,105,0.1);border-color:rgba(5,150,105,0.3);color:#059669}@media(prefers-reduced-motion:reduce){.schema-toast{animation:none}.schema-toast[style*="opacity"]{transition:none}}.trust-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.trust-item{display:flex;align-items:center;gap:.75rem}.trust-item .label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.trust-item .value{font-size:.8rem;color:var(--text-muted)}.breadcrumb{background:transparent;padding:0;margin-bottom:1rem}.breadcrumb-item a{color:var(--text-muted);text-decoration:none}.breadcrumb-item a:hover{color:var(--primary)}.breadcrumb-item.active{color:var(--text)}.loading-spinner{width:2rem;height:2rem;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.trust-bar{flex-direction:column;align-items:flex-start}}