@layer theme,base;@layer components{.bs .top-bar .icon img{width:100%;max-width:20px;margin-right:2px;line-height:0}.bs .top-bar .icon{line-height:0}.bs .speed-checker{background:linear-gradient(#fff,#c4defd);align-items:center;padding:60px 0 70px;display:flex}.bs .checker-container{flex-direction:column;justify-content:center;align-items:center;max-width:800px;margin:0 auto;display:flex}.bs .checker-container h1{letter-spacing:0;text-align:center;max-width:700px;margin:0 auto;font-size:35px;font-weight:700;line-height:1.2;margin-bottom:20px!important}.bs .checker-container>p{text-align:center;color:#737491;max-width:700px;margin:0 auto 30px;font-size:18px}.bs .checker-form{border-collapse:separate;border-spacing:0;width:100%;max-width:600px;line-height:normal;display:inline-table}.bs .form-group{vertical-align:middle;width:100%;display:table-cell;position:relative}.bs .form-group:before{content:"🌐";z-index:1;font-size:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.bs #urlInput{background:#fff;border:1px solid #ddd;border-radius:7px 0 0 7px;flex:1;min-width:0;height:55px;margin-bottom:0;padding:20px 20px 20px 50px;font-size:18px;position:relative;width:100%!important}.bs #urlInput::placeholder{color:#c0c4cc}.bs #urlInput:focus{border-color:var(--color-primary);outline:none}.bs #checkSpeed{vertical-align:middle;text-align:center;color:#fff;box-sizing:border-box;background-color:var(--color-primary);cursor:pointer;border:0;border-radius:0 8px 8px 0;min-width:130px;height:55px;font-size:18px;font-weight:700;transition:background-color .2s}.bs #checkSpeed:hover{background-color:#174ecc}.bs #checkSpeed:disabled{cursor:not-allowed;background-color:#a0a0a0}.bs .disclaimer{text-align:center;color:#5c5c5d;max-width:500px;margin-top:13px;font-size:14px;line-height:1.3}.bs .result-container{width:100%;max-width:900px;margin-top:30px;display:none}.bs .result-container.show{animation:.5s fadeInUp;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bs .result-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.bs .result-header{text-align:center;padding:30px}.bs .result-header.score-good{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.bs .result-header.score-moderate{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.bs .result-header.score-poor{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.bs .result-icon{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 15px;font-size:32px;display:flex}.bs .result-title{margin:0 0 8px;font-size:26px;font-weight:700;color:#fff!important}.bs .result-subtitle{opacity:.9;margin:0;font-size:16px}.bs .result-body{padding:25px 30px}.bs .domain-info{background:#f8f9fa;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px 20px;display:flex}.bs .domain-label{color:#6c757d;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.bs .domain-value{color:#333;font-size:16px;font-weight:600}.bs .device-tabs{border-bottom:2px solid #e8e8e8;margin-bottom:25px;display:flex}.bs .device-tab{color:#6c757d;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:color .2s;display:flex;position:relative}.bs .device-tab:hover,.bs .device-tab.active{color:var(--color-primary)}.bs .device-tab.active:after{content:"";background:var(--color-primary);height:2px;position:absolute;bottom:-2px;left:0;right:0}.bs .scores-section{gap:20px;margin-bottom:25px;display:flex}.bs .score-card{text-align:center;background:#f8f9fa;border:1px solid #e8e8e8;border-radius:12px;flex:1;padding:25px}.bs .score-card.good{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#bbf7d0}.bs .score-card.moderate{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border-color:#fde68a}.bs .score-card.poor{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-color:#fecaca}.bs .score-device{color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:13px;font-weight:600}.bs .score-number{margin-bottom:8px;font-size:56px;font-weight:700;line-height:1}.bs .score-card.good .score-number{color:#16a34a}.bs .score-card.moderate .score-number{color:#d97706}.bs .score-card.poor .score-number{color:#dc2626}.bs .score-label{font-size:14px;font-weight:500}.bs .score-card.good .score-label{color:#166534}.bs .score-card.moderate .score-label{color:#92400e}.bs .score-card.poor .score-label{color:#991b1b}.bs .metrics-section{margin-bottom:25px}.bs .metrics-header{align-items:center;gap:10px;margin-bottom:15px;display:flex}.bs .metrics-icon{font-size:20px}.bs .metrics-title{color:#333;margin:0;font-size:16px;font-weight:600}.bs .metrics-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.bs .metric-item{background:#f8f9fa;border:1px solid #e8e8e8;border-radius:8px;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.bs .metric-item:hover{box-shadow:0 2px 8px #00000014}.bs .metric-indicator{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-right:12px}.bs .metric-indicator.good{background:#16a34a}.bs .metric-indicator.moderate{background:#d97706}.bs .metric-indicator.poor{background:#dc2626}.bs .metric-info{flex:1;min-width:0}.bs .metric-name{color:#333;margin:0 0 2px;font-size:14px;font-weight:600}.bs .metric-value{color:#6c757d;margin:0;font-size:13px}.bs .cwv-badge{border-radius:20px;margin-left:auto;padding:4px 10px;font-size:12px;font-weight:600}.bs .cwv-badge.passed{color:#166534;background:#dcfce7}.bs .cwv-badge.failed{color:#991b1b;background:#fee2e2}.bs .tips-section{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:10px;margin-bottom:20px;padding:20px}.bs .tips-header{align-items:center;gap:10px;margin-bottom:15px;display:flex}.bs .tips-icon{font-size:20px}.bs .tips-title{color:#1e40af;margin:0;font-size:16px;font-weight:600}.bs .tips-list{grid-template-columns:repeat(2,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.bs .tips-list li{color:#1e3a8a;padding-left:20px;font-size:14px;position:relative}.bs .tips-list li:before{content:"✓";color:#16a34a;font-weight:700;position:absolute;left:0}.bs .action-buttons{border-top:1px solid #e8e8e8;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;padding-top:20px;display:flex}.bs .btn-primary-action{background:var(--color-primary);color:#fff;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.bs .btn-primary-action:hover{color:#fff;background:#174ecc;text-decoration:none}.bs .btn-outline-action{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.bs .btn-outline-action:hover{background:var(--color-primary);color:#fff;text-decoration:none}.bs .error-message{color:#dc2626;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:20px;font-weight:500}.bs .loading-state{text-align:center;padding:40px}.bs .loading-spinner{border:4px solid #e8e8e8;border-top-color:var(--color-primary);border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.bs .loading-text{color:#333;margin-bottom:8px;font-size:18px;font-weight:600}.bs .loading-subtext{color:#6c757d;font-size:14px}.bs .loading-steps{justify-content:center;gap:30px;margin-top:25px;display:flex}.bs .loading-step{color:#6c757d;align-items:center;gap:8px;font-size:14px;display:flex}.bs .loading-step.active{color:var(--color-primary)}.bs .loading-step.done{color:#16a34a}.bs .step-icon{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex}.bs .step-icon.done:after{content:"✓"}.bs .step-spinner{border:2px solid #e8e8e8;border-top-color:var(--color-primary);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.bs .features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:1100px;margin:50px auto 0;display:grid}.bs .feature-card{text-align:center;background:#fff;border-radius:10px;padding:40px 30px;box-shadow:0 2px 10px #0000001a}.bs .feature-icon{color:var(--color-primary);margin-bottom:15px;font-size:30px}.bs .feature-card h3{color:var(--heading-color);margin-bottom:10px;font-size:18px}.bs .feature-card p{color:#737491;margin:0;font-size:14px}.bs .pro-tips-section{background-color:#f0f7ff;padding:60px 0}.bs .pro-tips-container{max-width:1000px;margin:0 auto}.bs .pro-tips-heading{text-align:center;margin-bottom:40px}.bs .pro-tips-heading h2{color:var(--heading-color);margin-bottom:10px;font-size:32px;font-weight:700}.bs .pro-tips-heading p{color:#737491;margin:0;font-size:16px}.bs .pro-tips-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.bs .pro-tip-item{background:#fff;border:1px solid #e8e8e8;border-radius:8px;align-items:flex-start;padding:16px;transition:all .2s;display:flex}.bs .pro-tip-item:hover{transform:translateY(-2px);box-shadow:0 2px 8px #00000014}.bs .pro-tip-icon{flex-shrink:0;margin-top:2px;margin-right:12px;font-size:20px}.bs .pro-tip-text{color:#333;font-size:15px;line-height:1.6}.bs .free-tools-section{background-color:#f8f9fa;padding:60px 0}.bs .free-tools-heading{text-align:center;margin-bottom:40px}.bs .free-tools-heading h2{color:var(--heading-color);margin-bottom:10px;font-size:32px;font-weight:700}.bs .free-tools-heading p{color:#737491;margin:0;font-size:16px}.bs .free-tools-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto;display:grid}.bs .free-tool-card{text-align:center;color:inherit;background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:24px;text-decoration:none;transition:all .3s;display:block;box-shadow:0 2px 8px #00000014}.bs .free-tool-card:hover{color:inherit;text-decoration:none;box-shadow:0 4px 16px #0000001f}.bs .free-tool-icon{margin-bottom:16px;font-size:32px;display:block}.bs .free-tool-card h3{color:var(--heading-color);margin-bottom:8px;font-size:18px;font-weight:600}.bs .free-tool-card p{color:#737491;margin:0;font-size:14px;line-height:1.5}@media (width<=992px){.bs .free-tools-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.bs .pro-tips-section{padding:40px 0}.bs .pro-tips-heading h2{font-size:26px}.bs .pro-tips-grid{grid-template-columns:1fr;gap:15px}.bs .pro-tip-item{padding:14px}.bs .pro-tip-text{font-size:14px}.bs .free-tools-section{padding:40px 0}.bs .free-tools-heading h2{font-size:26px}.bs .free-tools-grid{grid-template-columns:1fr;gap:16px}.bs .free-tool-card{padding:20px}.bs .checker-container h1{font-size:28px;line-height:1.1}.bs .checker-container>p{font-size:16px}.bs .checker-form{flex-wrap:wrap;gap:10px;display:flex}.bs #urlInput{height:50px;padding:10px 15px 10px 45px;border-radius:7px!important;font-size:16px!important}.bs .form-group:before{font-size:16px;left:14px}.bs #checkSpeed{width:100%;height:50px;border-radius:7px!important}.bs .scores-section{flex-direction:column}.bs .metrics-grid,.bs .tips-list{grid-template-columns:1fr}.bs .result-header{padding:25px 20px}.bs .result-body{padding:20px}.bs .result-title{font-size:22px}.bs .domain-info{flex-direction:column;align-items:flex-start;gap:5px}.bs .action-buttons{flex-direction:column;align-items:stretch}.bs .btn-primary-action,.bs .btn-outline-action{justify-content:center}.bs .loading-steps{flex-direction:column;gap:15px}}.bs .legacy-challenge{--ts-radius:8px;max-width:600px;margin:0 auto}.bs .legacy-challenge[data-needed]{margin-top:12px}}@layer utilities;