*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,system-ui,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.fixed{position:fixed}.block{display:block}.inline{display:inline}.table{display:table}.border{border-width:1px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.App{text-align:center;color:#333;background:linear-gradient(135deg,#1e90ff 0%,#187bff 100%);min-height:100vh}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.App-header{background:#fffffff2;padding:1rem 0;box-shadow:0 2px 10px #0000001a}.header-content{justify-content:center;align-items:center;max-width:1200px;min-height:80px;margin:0 auto;padding:1rem 2rem;display:flex;position:relative}.logo-container{justify-content:center;align-items:center;display:flex}.header-logo{-o-object-fit:contain;object-fit:contain;width:auto;max-width:350px;height:70px}.environment-indicator{position:absolute;top:1rem;right:2rem}.env-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,orange 0%,#ff8c00 100%);border:2px solid #fff3;border-radius:20px;padding:.4rem 1rem;font-size:.75rem;font-weight:700;box-shadow:0 2px 8px #ffa5004d}@media (width<=768px){.header-content{min-height:70px;padding:1rem}.header-logo{max-width:280px;height:60px}.environment-indicator{top:.5rem;right:1rem}.env-badge{padding:.3rem .8rem;font-size:.7rem}}@media (width<=480px){.header-logo{max-width:240px;height:50px}.env-badge{padding:.25rem .6rem;font-size:.65rem}}.App-main{max-width:1200px;margin:0 auto;padding:2rem}.input-section{background:#fffffff2;border-radius:15px;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:100%;max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding:2rem;display:flex;box-shadow:0 4px 20px #0000001a}.input-wrapper{width:100%;max-width:400px}.domain-input{box-sizing:border-box;border:2px solid #e0e0e0;border-radius:10px;width:100%;padding:1rem 1.5rem;font-size:1.1rem;transition:all .3s}.domain-input:focus{border-color:#1e90ff;outline:none;box-shadow:0 0 0 3px #1e90ff33}.check-button:focus{outline:none;box-shadow:0 0 0 3px #ffffff4d,0 4px 15px #1e90ff66}.check-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e90ff 0%,#187bff 100%);border:none;border-radius:10px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s}.check-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.check-button:disabled{opacity:.6;cursor:not-allowed}.error-message{border-left:4px solid;border-radius:10px;align-items:flex-start;gap:1rem;margin:1rem 0;padding:1.5rem;display:flex}.error-message.general-error{color:#c62828;background:#ffebee;border-left-color:#c62828}.error-message.rate-limit-error{color:#e65100;background:#fff3e0;border-left-color:#e65100}.error-message.security-error{color:#ad1457;background:#fce4ec;border-left-color:#ad1457}.error-icon{flex-shrink:0;margin-top:.25rem;font-size:1.5rem}.error-content{flex:1}.error-content h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.error-content p{margin:0;font-size:1rem;line-height:1.5}.result-section{background:#fffffff2;border-radius:15px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.overall-security-score{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:3rem 2rem}.overall-security-score h2{margin:0 0 2rem;font-size:2rem;font-weight:700}.score-display{justify-content:center;align-items:center;gap:2rem;margin-bottom:2rem;display:flex}.main-score{text-align:center}.score-number{font-size:4rem;font-weight:900;line-height:1;display:block}.score-out-of{opacity:.8;font-size:1.2rem}.grade-display{text-align:center}.grade{font-size:3rem;font-weight:900;line-height:1;display:block}.grade-label{opacity:.8;font-size:1rem}.progress-bar{background:#ffffff4d;border-radius:4px;width:100%;max-width:400px;height:8px;margin:0 auto 1rem;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .3s}.progress-fill.animated{background:linear-gradient(45deg,#fff6 25%,#ffffff1a 25% 50%,#fff6 50% 75%,#ffffff1a 75%,#ffffff1a) 0 0/20px 20px;animation:1s linear infinite progressStripes}.score-message{opacity:.9;margin:0;font-size:1.2rem}.score-breakdown{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:2rem}.score-breakdown h3{color:#2c3e50;margin:0 0 1.5rem;font-size:1.5rem}.base-score h4{color:#495057;margin:0 0 1rem;font-size:1.2rem}.score-components{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.score-component{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.score-component:last-child{border-bottom:none}.component-name{color:#333;font-weight:600}.component-score{color:#4caf50;font-weight:700}.component-score.zero{color:#f44336}.bonus-explanation{background:#e8f5e8;border-left:4px solid #4caf50;border-radius:6px;margin-top:.5rem;padding:.75rem}.bonus-indicator{color:#2e7d32;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.bonus-details{margin-left:1rem}.bonus-line{color:#1b5e20;margin:.25rem 0;font-size:.85rem;line-height:1.4}.bonus-indicator-score{color:#4caf50;background:#e8f5e8;border:1px solid #4caf50;border-radius:4px;margin-left:.5rem;padding:.2rem .5rem;font-size:.85rem;font-weight:600}.missing-points-explanation{background:#fdeaea;border-left:4px solid #dc3545;border-radius:6px;margin-top:.5rem;padding:.75rem}.missing-title{color:#c62828;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.missing-details{margin-left:1rem}.missing-line{color:#b71c1c;margin:.25rem 0;font-size:.85rem;line-height:1.4}.bonus-summary{background:#e8f5e8;border-left:4px solid #28a745;border-radius:8px;padding:1rem}.bonus-summary h4{color:#28a745;margin:0 0 .5rem}.bonus-summary p{color:#495057;margin:0;font-size:.9rem}.security-summary{background:#fff;border-bottom:1px solid #e9ecef;padding:2rem}.security-summary h3{color:#2c3e50;margin:0 0 1.5rem;font-size:1.5rem}.summary-cards{flex-direction:column;gap:1.5rem;display:flex}.summary-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:1.5rem}.summary-card.primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.summary-card h4{margin:0 0 1rem;font-size:1.2rem;font-weight:600}.summary-card p{margin:0;line-height:1.6}.summary-cards-row{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.security-level{flex-direction:column;gap:.5rem;display:flex}.level-text{font-size:1.1rem;font-weight:700}.level-detail{opacity:.8;font-size:.9rem}.component-status-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.status-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.status-label{color:#495057;font-weight:600}.status-value{border-radius:20px;padding:.3rem .8rem;font-size:.9rem;font-weight:700}.status-value.protected,.status-value.working,.status-value.strong{color:#155724;background:#d4edda}.status-value.unprotected,.status-value.failing,.status-value.weak{color:#721c24;background:#f8d7da}.status-value.partial{color:#856404;background:#fff3cd}.security-components{background:#fff;padding:2rem}.security-components h3{color:#2c3e50;margin:0 0 1.5rem;font-size:1.5rem}.components-grid{flex-direction:column;gap:1.5rem;display:flex}.component-card{border:1px solid #e9ecef;border-radius:10px;transition:all .3s;overflow:hidden}.component-card.success{border-color:#28a745;box-shadow:0 2px 8px #28a7451a}.component-card.failure{border-color:#dc3545;box-shadow:0 2px 8px #dc35451a}.component-card.loading{border-color:#6c757d;box-shadow:0 2px 8px #6c757d1a}.component-header{cursor:pointer;background:#f8f9fa;flex-direction:row;justify-content:space-between;align-items:center;padding:1.5rem;transition:background-color .3s;display:flex}.component-header:hover{background:#e9ecef}.component-info{flex:1;align-items:center;gap:1rem;display:flex}.component-info h4{color:#2c3e50;min-width:120px;margin:0;font-size:1.2rem}.component-info p{color:#6c757d;flex:1;margin:0;font-size:.9rem}.component-status{flex-shrink:0;align-items:center;gap:1rem;display:flex}.status-icon{text-align:center;width:24px;font-size:1.5rem;display:inline-block}.status-icon.success{color:#28a745}.status-icon.warning{color:#ffc107}.status-icon.error{color:#dc3545}.status-icon.loading{color:#6c757d;animation:2s infinite pulse}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.progressive-loading .status-icon{color:#6c757d;font-weight:400}.component-score{color:#667eea;font-size:1.1rem;font-weight:700}.expand-icon{color:#6c757d;font-size:1rem;font-weight:700;transition:transform .3s}.expand-icon.expanded{transform:rotate(180deg)}.component-expanded-content{background:#fff;border-top:1px solid #e9ecef;padding:1.5rem;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.component-description{margin-bottom:1.5rem}.component-description h5{color:#2c3e50;margin:0 0 .5rem;font-size:1.1rem}.component-description p{color:#6c757d;margin:0 0 1rem;line-height:1.6}.status-message{border-radius:6px;align-items:center;gap:.5rem;padding:.8rem;font-size:.9rem;display:flex}.status-message.success{color:#155724;background:#d4edda}.status-message.failure{color:#721c24;background:#f8d7da}.status-message.loading{color:#495057;background:#e2e3e5}.records-section h5{color:#2c3e50;margin:0 0 1rem;font-size:1rem}.records-list{flex-direction:column;gap:.5rem;display:flex}.record-item{word-break:break-all;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;align-items:center;gap:.75rem;padding:.8rem;font-family:Courier New,monospace;font-size:.9rem;transition:all .2s;display:flex}.record-item:hover{background:#e9ecef;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.record-priority{color:#667eea;margin-right:.5rem;font-weight:600}.record-server{color:#495057}.record-selector{color:#667eea;margin-right:.5rem;font-weight:600}.record-text{color:#495057;background:#e9ecef;border-radius:3px;padding:.2rem .4rem}.no-records{text-align:center;color:#6c757d;padding:1rem;font-style:italic}.issues-section{background:#fff;border-top:1px solid #e9ecef;padding:2rem}.issues-section h3{color:#2c3e50;margin:0 0 1.5rem;font-size:1.5rem}.issues-list{flex-direction:column;gap:1rem;display:flex}.issue-card{background:#fff;border-left:4px solid #e9ecef;border-radius:10px;padding:1.5rem;transition:all .2s;box-shadow:0 2px 8px #0000000d}.issue-card:hover{box-shadow:0 4px 12px #0000001a}.issue-card.warning{border-left-color:#ff9800;box-shadow:0 2px 8px #ff98001a}.issue-card.error,.issue-card.critical{border-left-color:#f44336;box-shadow:0 2px 8px #f443361a}.issue-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.issue-icon{flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.5rem;display:flex}.issue-card.warning .issue-icon{color:#ff9800}.issue-card.error .issue-icon,.issue-card.critical .issue-icon{color:#f44336}.issue-title{color:#2c3e50;flex:1;margin:0;font-size:1.1rem;font-weight:600}.issue-content{flex-direction:column;gap:.5rem;display:flex}.issue-description{color:#6c757d;margin:0;line-height:1.6}.recommendations-section{background:#fff;border-top:1px solid #e9ecef;padding:2rem}.recommendations-section h3{color:#2c3e50;margin:0 0 1.5rem;font-size:1.5rem}.recommendations-list{flex-direction:column;gap:1rem;display:flex}.recommendation-card{background:#fff;border-left:4px solid #e9ecef;border-radius:10px;padding:1.5rem;transition:all .2s;box-shadow:0 2px 8px #0000000d}.recommendation-card:hover{box-shadow:0 4px 12px #0000001a}.recommendation-card.info{border-left-color:#1e90ff;box-shadow:0 2px 8px #1e90ff1a}.recommendation-card.warning{border-left-color:#ff9800;box-shadow:0 2px 8px #ff98001a}.recommendation-card.success{border-left-color:#4caf50;box-shadow:0 2px 8px #4caf501a}.recommendation-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.recommendation-icon{flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.5rem;display:flex}.recommendation-card.info .recommendation-icon{color:#1e90ff}.recommendation-card.warning .recommendation-icon{color:#ff9800}.recommendation-card.success .recommendation-icon{color:#4caf50}.recommendation-title{color:#2c3e50;flex:1;margin:0;font-size:1.1rem;font-weight:600}.recommendation-content{flex-direction:column;gap:.5rem;display:flex}.recommendation-description{color:#6c757d;margin:0;line-height:1.6}.recommendation-details{color:#6c757d;flex-wrap:wrap;justify-content:flex-end;gap:1.5rem;margin-top:.5rem;font-size:.85rem;display:flex}.recommendation-impact,.recommendation-effort,.recommendation-time{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:.2rem .5rem}.no-recommendations{text-align:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:2rem}.no-recommendations-icon{margin-bottom:1rem;font-size:3rem}.no-recommendations h4{color:#28a745;margin:0 0 .5rem;font-size:1.2rem}.no-recommendations p{color:#6c757d;margin:0;font-size:.9rem}.analysis-footer{text-align:center;color:#6c757d;background:#f8f9fa;border-top:1px solid #e9ecef;padding:1.5rem 2rem;font-size:.9rem}@media (width<=768px){.App-main{padding:1rem}.input-section{flex-direction:column;align-items:stretch;gap:12px;padding:1.5rem}.input-wrapper{width:100%;max-width:none}.domain-input{border-radius:8px;width:100%;min-height:44px;padding:14px 16px;font-size:16px;box-shadow:0 2px 4px #0000001a}.check-button{border-radius:8px;width:100%;min-height:44px;padding:14px 24px;font-size:16px;box-shadow:0 4px 8px #00000026}.score-display{flex-direction:column;gap:1rem}.score-number{font-size:3rem}.grade{font-size:2.5rem}.summary-cards-row{grid-template-columns:1fr}.components-grid{gap:1rem}.component-card{width:100%}.component-status-cards,.score-components{grid-template-columns:1fr}.overall-security-score{padding:2rem 1rem}.overall-security-score h2{font-size:1.5rem}}.statistics-section{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;margin:2rem 0;padding:2rem}.statistics-section h3{margin-bottom:.5rem;font-size:2rem;font-weight:700}.stats-subtitle{opacity:.9;margin-bottom:2rem;font-size:1.1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0;display:grid}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:1.5rem;transition:transform .3s,box-shadow .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003}.stat-card h4{opacity:.9;margin-bottom:.5rem;font-size:1rem;font-weight:600}.stat-number{color:#fff;margin:.5rem 0;font-size:2.5rem;font-weight:700}.stat-label{opacity:.8;margin:0;font-size:.9rem}.stats-note{opacity:.7;margin-top:1.5rem;font-size:.85rem;font-style:italic}@media (width<=768px){.statistics-section{margin:1rem 0;padding:1.5rem}.statistics-section h3{font-size:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1rem}.stat-number{font-size:2rem}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}}@media (width<=768px){.domain-input{box-sizing:border-box;border-radius:8px;width:100%;max-width:100%;min-height:44px;padding:14px 16px;font-size:16px}.input-section{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:12px;width:100%;padding:1.5rem;display:flex}.check-button{border-radius:8px;width:100%;min-height:44px;padding:14px 24px;font-size:16px;font-weight:600;box-shadow:0 4px 8px #00000026}.score-breakdown{padding:16px}.score-component{flex-direction:column;align-items:flex-start;gap:4px}.component-score{align-self:flex-end}.bonus-indicator{align-self:flex-end;font-size:.75rem}}@media (width<=480px){.App{padding:12px}.App-header h1{margin-bottom:8px;font-size:1.6rem}.App-header p{margin-bottom:16px;font-size:.9rem}.input-section{gap:12px;padding:1rem}.domain-input{border-radius:10px;min-height:52px;padding:16px 20px;font-size:16px;box-shadow:0 2px 6px #0000001a}.check-button{border-radius:10px;min-height:52px;padding:16px 32px;font-size:16px;font-weight:700;box-shadow:0 6px 16px #0003}}@media (width>=769px) and (width<=1024px){.App{padding:24px}.input-section{flex-direction:row;justify-content:center;align-items:center;gap:16px}.domain-input{min-width:300px;max-width:400px}.check-button{white-space:nowrap;margin-left:0;padding:14px 28px;font-size:16px}}.email-report-section{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;margin:2rem 0;padding:1.5rem}.email-report-button{color:#fff;cursor:pointer;background:#fff3;border:2px solid #ffffff4d;border-radius:8px;margin-bottom:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s}.email-report-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.email-report-note{opacity:.9;margin:0;font-size:14px}.email-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.email-modal{color:#fff;background:#1a1a1a;border-radius:16px;width:100%;max-width:500px;padding:2rem;position:relative;box-shadow:0 20px 40px #00000080}.email-modal-header{text-align:center;margin-bottom:1.5rem}.email-icon{color:#4fc3f7;margin-bottom:1rem;font-size:3rem}.email-modal-header h2{color:#fff;margin:0 0 .5rem;font-size:1.8rem;font-weight:700}.email-modal-header p{opacity:.9;margin:.25rem 0;font-size:1rem}.analysis-timestamp{opacity:.7!important;font-size:.9rem!important}.email-modal-divider{background:#333;height:1px;margin:1.5rem 0}.email-modal-content{margin-bottom:1rem}.email-input-section{gap:12px;margin-bottom:1rem;display:flex}.email-input{color:#fff;background:#2a2a2a;border:1px solid #333;border-radius:8px;flex:1;padding:12px 16px;font-size:14px}.email-input::placeholder{color:#888}.email-input:focus{border-color:#4fc3f7;outline:none;box-shadow:0 0 0 2px #4fc3f733}.email-button{color:#fff;cursor:pointer;white-space:nowrap;background:#4fc3f7;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.email-button:hover:not(:disabled){background:#29b6f6;transform:translateY(-1px)}.email-button:disabled{opacity:.6;cursor:not-allowed}.send-icon{font-size:16px}.email-optin{margin-top:1rem}.optin-checkbox{cursor:pointer;opacity:.9;align-items:center;gap:8px;font-size:14px;display:flex}.optin-checkbox input[type=checkbox]{display:none}.checkmark{background:0 0;border:2px solid #4fc3f7;border-radius:4px;width:18px;height:18px;transition:all .3s;position:relative}.optin-checkbox input[type=checkbox]:checked+.checkmark{background:#4fc3f7}.optin-checkbox input[type=checkbox]:checked+.checkmark:after{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.close-modal-button{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:20px;transition:all .3s;position:absolute;top:16px;right:16px}.close-modal-button:hover{color:#fff;background:#ffffff1a}@media (width<=768px){.email-modal{margin:20px;padding:1.5rem}.email-input-section{flex-direction:column}.email-button{justify-content:center;width:100%}.email-modal-header h2{font-size:1.5rem}}.progressive-loading{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 8px 32px #0000001a}.loading-text{width:100%}.loading-text h3{margin:0 0 8px;font-size:1.5rem;font-weight:600}.loading-text p{opacity:.9;margin:0 0 16px;font-size:1rem}.progress-info{margin-top:16px}.component-progress{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px;display:grid}.progress-item{background:#ffffff1a;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.9rem;display:flex}.component-name{font-weight:500}.status-icon{font-size:1.1rem}.overall-progress{margin-top:16px}.overall-progress .progress-bar{background:#fff3;border-radius:4px;width:100%;height:8px;margin-bottom:8px;overflow:hidden}.overall-progress .progress-fill{background:linear-gradient(45deg,#fff6 25%,#ffffff1a 25% 50%,#fff6 50% 75%,#ffffff1a 75%,#ffffff1a) 0 0/20px 20px;border-radius:4px;height:100%;transition:width .3s;animation:1s linear infinite progressStripes}@keyframes progressStripes{0%{background-position:0 0}to{background-position:20px 20px}}.progress-text{text-align:center;opacity:.9;margin:0;font-size:.9rem}@media (width<=768px){.progressive-loading{margin-bottom:16px;padding:16px}.loading-text h3{font-size:1.1rem}.loading-text p{font-size:.9rem}.component-progress{grid-template-columns:1fr;gap:8px}.progress-item{padding:6px 10px;font-size:.85rem}}.hourglass-animation{margin:0 .5rem;font-size:2rem;animation:3s infinite hourglassFlip;display:inline-block}@keyframes hourglassFlip{0%,45%{transform:rotate(0)}50%,95%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.app-footer{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-top:1px solid #ffffff1a;margin-top:40px;padding:20px 0}.footer-content{text-align:center;max-width:1200px;margin:0 auto;padding:0 20px}.footer-text{opacity:.9;margin:0;font-size:.9rem;font-weight:400}.footer-text:hover{opacity:1;transition:opacity .2s}@media (width<=768px){.app-footer{margin-top:30px;padding:15px 0}.footer-content{padding:0 15px}.footer-text{font-size:.8rem}}.live-check{background:#f4f8ff;border:1px solid #cfe0ff;border-radius:8px;margin-top:16px;padding:16px;font-size:14px}.live-check-cta{background:#fffbea;border-color:#f5e6a3}.live-check-done{background:#eefaf0;border-color:#b9e3c3}.live-check-warn{background:#fff4f2;border-color:#f3c2b8}.live-check p{margin:6px 0}.live-check-title{margin-bottom:6px;font-weight:600}.live-check-address{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.live-check-address code{-webkit-user-select:all;user-select:all;background:#fff;border:1px solid #d0d7e2;border-radius:6px;padding:6px 10px;font-size:14px}.live-check-btn{color:#1a3a6b;cursor:pointer;background:#fff;border:1px solid #b7c4d8;border-radius:6px;padding:6px 12px;font-size:13px;text-decoration:none}.live-check-btn:hover{background:#eef3fb}.live-check-btn:disabled{opacity:.6;cursor:default}.live-check-btn-primary{color:#fff;background:#1a73e8;border-color:#1a73e8}.live-check-btn-primary:hover{background:#1558b0}.live-check-status{font-weight:500}.live-check-note{color:#6b7280;font-size:12px}.live-check-facts{margin:6px 0 0 18px;padding:0}.live-check-facts li{margin:3px 0}.live-badge{color:#fff;vertical-align:middle;background:#1a73e8;border-radius:10px;margin-left:8px;padding:1px 7px;font-size:11px;font-weight:600;display:inline-block}.link-button{color:#1a73e8;cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.link-button:disabled{opacity:.6;cursor:default}.landing{color:#2d3748;text-align:left;background:#fff;border-radius:12px;max-width:760px;margin:24px auto 32px;padding:28px 28px 20px;line-height:1.6;box-shadow:0 4px 20px #00000014}.landing-headline{color:#1a202c;margin:0 0 12px;font-size:1.6rem}.landing-intro{margin:0 0 12px}.landing-h2{color:#1a202c;margin:24px 0 10px;font-size:1.15rem}.landing-checks,.landing-steps{margin:0;padding-left:22px}.landing-checks li,.landing-steps li{margin:6px 0}.landing-points{color:#1a56b8;vertical-align:middle;background:#e8f0fe;border-radius:10px;margin-left:6px;padding:0 7px;font-size:12px;font-weight:600;display:inline-block}.landing-faq dt{margin-top:12px;font-weight:600}.landing-faq dd{color:#4a5568;margin:4px 0 0}@media (width<=600px){.landing{margin:16px 0 24px;padding:20px 16px}.landing-headline{font-size:1.35rem}}.score-card{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:1.75rem 2rem 1.5rem}.score-card-main{grid-template-columns:auto auto 1fr;align-items:center;gap:1.5rem 2rem;display:grid}.score-card-number{align-items:baseline;gap:.35rem;display:flex}.score-card .score-number{background:#fff;border-radius:12px;padding:.2rem .6rem;font-size:4rem;font-weight:900;line-height:1}.score-card .score-out-of{opacity:.85;font-size:1.1rem}.score-card-grade{text-align:center}.score-card .grade{font-size:2.6rem;font-weight:900;line-height:1;display:block}.score-card .grade-label{opacity:.85;font-size:.85rem}.score-card-domain h2{word-break:break-all;margin:0;font-size:1.5rem}.score-card-provider,.score-card-freshness{opacity:.9;margin:.25rem 0 0;font-size:.9rem}.score-card .link-button{color:#fff}.score-card-components{grid-template-columns:1fr 1fr;gap:.5rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.score-row-button{color:#fff;width:100%;font:inherit;text-align:left;cursor:pointer;background:#ffffff24;border:1px solid #ffffff59;border-radius:8px;grid-template-columns:1.4rem auto 1fr auto;align-items:center;gap:.6rem;padding:.6rem .8rem;display:grid}.score-row-button:hover{background:#ffffff3d}.score-row-name{font-weight:700}.score-row-fact{opacity:.92;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.score-row-points{font-variant-numeric:tabular-nums;opacity:.95;font-weight:600}.score-row-bad .score-row-button{border-color:#ff7878cc}.score-row-warn .score-row-button{border-color:#ffd25ae6}.score-card-verdict{margin-top:1.1rem;font-size:1.02rem}.score-card-verdict p{margin:0}.score-card-capnote{opacity:.85;font-size:.9rem}.score-card-actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.action-btn{color:#fff;font:inherit;cursor:pointer;background:#ffffff29;border:1px solid #ffffff80;border-radius:8px;padding:.5rem .9rem;font-size:.9rem}.action-btn:hover{background:#ffffff47}.action-btn-sm{color:#1a3a6b;background:#fff;border-color:#b7c4d8;padding:.25rem .6rem;font-size:.8rem}.action-btn-sm:hover{background:#eef3fb}.recommendations-section{text-align:left}.fix-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.fix-card{background:#fff;border-left:5px solid #e9ecef;border-radius:10px;padding:1.1rem 1.25rem;box-shadow:0 2px 8px #0000000d}.fix-critical{border-left-color:#dc3545}.fix-important{border-left-color:#f0a500}.fix-info{border-left-color:#1e90ff}.fix-head{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.fix-title{color:#2c3e50;margin:0;font-size:1.1rem}.fix-badge{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:700}.fix-badge-critical{color:#a4202c;background:#fde8ea}.fix-badge-important{color:#8a5b00;background:#fff4d6}.fix-badge-info{color:#1a56b8;background:#e8f0fe}.fix-why{color:#444;margin:0 0 .6rem}.fix-meta{grid-template-columns:auto 1fr;gap:.2rem .8rem;margin:0 0 .75rem;font-size:.92rem;display:grid}.fix-meta dt{color:#555;font-weight:600}.fix-meta dd{color:#444;margin:0}.fix-hint{color:#555;margin:.6rem 0 0;font-size:.9rem}.fix-record{background:#f6f8fb;border:1px solid #dfe5ee;border-radius:8px;padding:.75rem .9rem}.fix-record-head{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.fix-record-label{color:#2c3e50;font-size:.9rem;font-weight:600}.fix-record-fields{grid-template-columns:auto 1fr;gap:.25rem .8rem;margin:0;font-size:.9rem;display:grid}.fix-record-fields dt{color:#555;font-weight:600}.fix-record-fields dd{margin:0}.fix-record-fields code{word-break:break-all;font-size:.85rem}.fix-record-note{color:#666;margin:.5rem 0 0;font-size:.82rem}.component-fact{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#4a5568!important;font-size:.85rem!important}@media (width<=768px){.score-card{padding:1.25rem 1rem}.score-card-main{grid-template-columns:auto 1fr}.score-card-domain{grid-column:1/-1}.score-card .score-number{font-size:3rem}.score-card-components{grid-template-columns:1fr}.score-row-fact{white-space:normal}}.explainer{text-align:left}.crumbs{color:#6b7280;margin-bottom:.75rem;font-size:.85rem}.crumbs a{color:#1a56b8;text-decoration:none}.crumbs a:hover{text-decoration:underline}.explainer .fix-record{margin:.75rem 0 1rem}.guide-links{margin:0;padding-left:22px}.guide-links li{margin:6px 0}.guide-links a{color:#1a56b8;font-weight:600;text-decoration:none}.guide-links a:hover{text-decoration:underline}.guide-links-large{padding:0;list-style:none}.guide-links-large li{margin:14px 0}.guide-links-large p{color:#4a5568;margin:4px 0 0}.explainer-cta{background:#f4f8ff;border:1px solid #cfe0ff;border-radius:10px;margin:28px 0 8px;padding:18px}.explainer-cta p{margin:0 0 10px}.explainer-form{flex-wrap:wrap;gap:8px;display:flex}.explainer-form .domain-input{flex:1;min-width:200px}.landing-note{color:#9aa3ad;margin-top:18px;font-size:.8rem}
