body,html{margin:0;padding:0;min-height:100%;overflow-x:hidden}body{display:flex;flex-direction:column;min-height:100vh;width:100vw}:root{--card-bg:#ffffff;--card-border:#e5e7eb;--text-primary:#333333;--text-secondary:#515151;--text-tertiary:#d52778;--accent-primary:#c22970;--accent-secondary:#f5880b;--success:#22c55e;--warning:#f59e0b;--error:#c22970;--bg-primary:#ffffff}.footer{margin-bottom:0;padding-bottom:0;margin-top:auto;background-color:#161b22;width:100%}.public-conversion-audit-container{flex:1;width:100vw;max-width:100%;padding:2rem 1rem;margin:0;font-family:var(--font-poppins),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;color:var(--text-primary);background-color:var(--bg-primary)}.audit-header{text-align:center;margin-bottom:2rem;margin-top:2rem}.audit-header h1{font-family:var(--font-poppins);font-size:1.9rem;font-weight:900;margin-bottom:.5rem;margin-top:4.5rem;color:#484848;letter-spacing:-.5px}.audit-header p{font-size:.9rem;color:#6d6d6d;max-width:600px;margin:0 auto;font-weight:500}.audit-form-card{background-color:transparent;border:none;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;box-shadow:none}.audit-form{gap:1rem}.audit-form,.input-group{display:flex;align-items:center}.input-group{background-color:white;border:1px solid var(--card-border);border-radius:50px;padding:.25rem .5rem;flex-grow:1}.url-prefix{color:var(--text-tertiary);padding:.5rem .25rem;font-family:monospace}.input-group input{outline:none;padding:.5rem;width:100%;font-size:1rem}.audit-button,.input-group input{border:none;font-family:var(--font-poppins)}.audit-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(90deg,#c22970,#f59e0b);color:white;border-radius:50px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px rgba(0,0,0,.1),0 2px 8px rgba(194,41,112,.3);letter-spacing:.5px}.audit-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.15),0 4px 12px rgba(194,41,112,.4)}.audit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-text{margin-top:1.5rem;font-size:1.25rem;font-weight:500;color:var(--text-primary)}.loading-subtext{margin-top:.5rem;font-size:.875rem;color:var(--text-tertiary)}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:.75rem;color:#b91c1c;margin-bottom:2rem}.error-container svg{margin-bottom:1rem}.audit-results-container{display:flex;flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto}.card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.card-title{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary);font-family:var(--font-dm-sans)}.screenshot-section{overflow:hidden}.screenshot-container{border-radius:.5rem;overflow:hidden;border:1px solid var(--card-border);margin-bottom:1.5rem;max-height:400px}.screenshot-container img{width:100%;height:auto;max-height:400px;display:block;object-fit:cover;object-position:top}.metadata-section{margin-top:1.5rem}.metadata-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary);font-family:var(--font-dm-sans)}.metadata-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:768px){.metadata-grid{grid-template-columns:repeat(2,1fr)}}.metadata-item{background-color:rgba(0,0,0,.02);border-radius:.5rem;padding:1rem}.metadata-item-header{margin-bottom:.5rem;color:var(--text-primary);font-weight:600}.metadata-content{font-size:.875rem;color:var(--text-secondary)}.keywords-container{display:flex;flex-wrap:wrap;gap:.5rem}.keyword-tag{background:linear-gradient(90deg,rgba(194,41,112,.1),rgba(245,158,11,.1));color:var(--accent-primary);font-size:.75rem;padding:.25rem .75rem;border-radius:1rem;font-weight:500}.scores-section{padding:1.5rem}.horizontal-scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:2rem;justify-items:center;text-align:center}.score-gauge-item{display:flex;flex-direction:column;align-items:center}.score-gauge-item h3{margin-bottom:1rem;font-weight:600;color:var(--text-primary);font-family:var(--font-dm-sans)}.audit-score-gauge{position:relative;width:120px;height:120px;display:flex;justify-content:center;align-items:center}.audit-score-text{position:absolute;font-size:1.75rem;font-weight:700;font-family:var(--font-dm-sans)}.audit-score-percent{font-size:.875rem;font-weight:600}.response-time-display{display:flex;flex-direction:column;align-items:center}.time-circle{width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:.5rem}.time-value{font-size:1.75rem;font-weight:700;font-family:var(--font-dm-sans)}.time-unit{font-size:.875rem;font-weight:600}.vitals-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:768px){.vitals-grid{grid-template-columns:repeat(3,1fr)}}.vital-item{background-color:rgba(0,0,0,.02);border-radius:.5rem;padding:1rem}.vital-header{display:flex;align-items:center;margin-bottom:.5rem}.vital-status-dot{width:12px;height:12px;border-radius:50%;margin-right:.5rem}.vital-status-dot.good{background-color:var(--success)}.vital-status-dot.needs-improvement{background-color:var(--warning)}.vital-status-dot.poor{background-color:var(--error)}.vital-name{font-size:.875rem;font-weight:600}.vital-name,.vital-value{color:var(--text-primary);font-family:var(--font-dm-sans)}.vital-value{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.vital-description{font-size:.75rem;color:var(--text-tertiary)}.technical-scores-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.technical-score-item{display:flex;flex-direction:column;align-items:center;text-align:center}.technical-score-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.technical-score-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);font-family:var(--font-dm-sans)}.page-stats-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:768px){.page-stats-grid{grid-template-columns:1fr 1fr}}.donut-chart-container{min-height:300px}.asset-breakdown-container{display:flex;flex-direction:column}.asset-breakdown-label{font-weight:600;margin-bottom:1rem;color:var(--text-primary);font-family:var(--font-dm-sans)}.asset-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.asset-item{justify-content:space-between}.asset-info,.asset-item{display:flex;align-items:center}.asset-info{gap:.5rem}.asset-color-dot{width:10px;height:10px;border-radius:50%}.asset-name{font-size:.875rem;color:var(--text-secondary)}.asset-size{font-size:.875rem;font-weight:500;color:var(--text-primary)}.chart-tooltip{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:.5rem;padding:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.tooltip-name{font-weight:600;margin-bottom:.25rem;color:var(--text-primary)}.tooltip-value{font-size:.875rem;color:var(--text-secondary)}.tooltip-percent{font-size:.75rem;color:var(--text-tertiary)}.analysis-header{margin-bottom:1.5rem}.analysis-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);font-family:var(--font-dm-sans)}.analysis-content{display:flex;flex-direction:column;gap:2rem}.suggestions-section{background:linear-gradient(90deg,rgba(194,41,112,.05),rgba(245,158,11,.05))}.suggestions-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:768px){.suggestions-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.suggestions-grid{grid-template-columns:repeat(3,1fr)}}.suggestion-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:.5rem;padding:1rem;position:relative}.suggestion-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.suggestion-icon-wrapper{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(90deg,#c22970,#f59e0b);color:white}.suggestion-title{font-size:1rem;font-weight:600;color:var(--text-primary);font-family:var(--font-dm-sans)}.suggestion-content{font-size:.875rem;color:var(--text-secondary);margin-bottom:2rem}.suggestion-priority{position:absolute;bottom:1rem;left:1rem;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:.25rem}.priority-high{background-color:rgba(194,41,112,.1);color:#c22970}.priority-medium{background-color:rgba(245,158,11,.1);color:#f59e0b}.priority-low{background-color:rgba(34,197,94,.1);color:#22c55e}.category-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem}.category-item{background-color:rgba(0,0,0,.02);border-radius:.5rem;padding:1.25rem}.category-header{display:flex;align-items:center;margin-bottom:1rem}.category-icon-wrapper{margin-right:.75rem;color:var(--accent-primary)}.category-header h3{flex:1;font-size:1rem;font-weight:600;color:var(--text-primary);font-family:var(--font-dm-sans)}.category-score{font-size:1.125rem;font-weight:700;padding:.25rem .75rem;border-radius:.25rem;font-family:var(--font-dm-sans)}.category-score-high{background-color:rgba(34,197,94,.1);color:#22c55e}.category-score-medium{background-color:rgba(245,158,11,.1);color:#f59e0b}.category-score-low{background-color:rgba(194,41,112,.1);color:#c22970}.category-feedback{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.cta-section{text-align:center;padding:2rem 1.5rem;background:linear-gradient(90deg,rgba(194,41,112,.05),rgba(245,158,11,.05));border-radius:.75rem;margin-top:2rem;margin-bottom:0}.cta-section h2{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary);font-family:var(--font-dm-sans)}.cta-section p{font-size:.95rem;color:var(--text-secondary);max-width:700px;margin:0 auto 1.5rem;line-height:1.4}.cta-button{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(90deg,#c22970,#f59e0b);color:white;text-decoration:none;border-radius:50px;padding:.75rem 2rem;font-weight:600;transition:all .3s ease;box-shadow:0 5px 15px rgba(0,0,0,.1),0 2px 8px rgba(194,41,112,.3);letter-spacing:.5px;font-family:var(--font-poppins)}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.15),0 4px 12px rgba(194,41,112,.4)}@media (max-width:768px){.audit-form{flex-direction:column}.audit-button{width:100%;justify-content:center}.horizontal-scores{gap:1rem}}.audit-button .spinner{border-color:white rgba(255,255,255,.3) rgba(255,255,255,.3)}