*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1f2937;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width:768px){.container{padding:0 16px}}
.landing-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh}.header{background:#fffffff2;padding:20px 0;box-shadow:0 2px 10px #0000001a}.logo{flex-direction:column;align-items:center;gap:4px;display:flex}.logo-text{color:#1f2937;letter-spacing:1px;font-size:28px;font-weight:700}.logo-accent{color:#667eea}.logo-subtitle{color:#6b7280;font-size:14px;font-weight:500}.hero{text-align:center;color:#fff;padding:80px 0}.hero h1{margin-bottom:20px;font-size:48px;font-weight:800;line-height:1.2}.hero-subtitle{opacity:.95;max-width:700px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:20px;line-height:1.6}.analyzer-form{background:#fff;border-radius:12px;max-width:600px;margin:0 auto;padding:40px;box-shadow:0 20px 60px #0000004d}.form-group{margin-bottom:20px}.url-input,.email-input{border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:16px 20px;font-size:16px;transition:all .3s}.url-input:focus,.email-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.analyze-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;width:100%;padding:18px;font-size:18px;font-weight:600;transition:transform .2s,box-shadow .2s}.analyze-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.analyze-button:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#ef4444;text-align:left;margin-bottom:16px;font-size:14px}.form-note{color:#6b7280;margin-top:16px;font-size:14px}.features{background:#fff;padding:80px 0}.features h2{text-align:center;color:#1f2937;margin-bottom:60px;font-size:36px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.feature-card{text-align:center;background:#f9fafb;border-radius:12px;padding:30px;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.feature-icon{margin-bottom:20px;font-size:48px}.feature-card h3{color:#1f2937;margin-bottom:12px;font-size:20px}.feature-card p{color:#6b7280;line-height:1.6}.pricing{background:linear-gradient(135deg,#f9fafb 0%,#e5e7eb 100%);padding:80px 0}.pricing h2{text-align:center;color:#1f2937;margin-bottom:60px;font-size:36px}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1100px;margin:0 auto;display:grid}.pricing-card{background:#fff;border:2px solid #0000;border-radius:12px;padding:40px 30px;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 4px 20px #0000001a}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #00000026}.pricing-card.featured{border-color:#667eea;transform:scale(1.05)}.popular-badge{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:6px 20px;font-size:12px;font-weight:600;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.pricing-card h3{color:#1f2937;text-align:center;margin-bottom:20px;font-size:24px}.price{color:#667eea;text-align:center;margin-bottom:30px;font-size:48px;font-weight:800}.price span{color:#6b7280;font-size:18px;font-weight:400}.pricing-features{margin-bottom:30px;list-style:none}.pricing-features li{color:#4b5563;border-bottom:1px solid #f3f4f6;padding:12px 0}.pricing-features li:last-child{border-bottom:none}.pricing-button{cursor:pointer;border:none;border-radius:8px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .3s}.pricing-button.primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.pricing-button.primary:hover{box-shadow:0 10px 30px #667eea66}.pricing-button.secondary{color:#667eea;background:#fff;border:2px solid #667eea}.pricing-button.secondary:hover{color:#fff;background:#667eea}.about{text-align:center;background:#fff;padding:80px 0}.about h2{color:#1f2937;margin-bottom:30px;font-size:32px}.about p{color:#4b5563;max-width:800px;margin:0 auto;font-size:18px;line-height:1.8}.footer{color:#fff;text-align:center;background:#1f2937;padding:40px 0}.footer-links{justify-content:center;gap:30px;margin-top:20px;display:flex}.footer-links a{color:#9ca3af;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#fff}@media (max-width:768px){.hero h1{font-size:32px}.hero-subtitle{font-size:16px}.analyzer-form{padding:30px 20px}.features h2,.pricing h2{font-size:28px}.pricing-card.featured{transform:scale(1)}.footer-links{flex-direction:column;gap:15px}}
.analysis-results{background:#f9fafb;min-height:100vh}.results-header{background:#fff;margin-bottom:40px;padding:30px 0;box-shadow:0 2px 10px #0000000d}.results-header h1{color:#1f2937;margin-bottom:8px;font-size:32px}.analyzed-url{color:#6b7280;word-break:break-all;font-size:16px}.back-button{color:#667eea;cursor:pointer;background:0 0;border:none;margin-bottom:20px;padding:8px 0;font-size:16px;transition:color .3s}.back-button:hover{color:#764ba2;text-decoration:underline}.score-overview{text-align:center;background:#fff;margin-bottom:40px;padding:60px 0}.score-circle{border:12px solid;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto 30px;display:flex;position:relative}.score-number{color:#1f2937;font-size:64px;font-weight:800}.score-label{color:#6b7280;margin-top:8px;font-size:18px;font-weight:600}.score-description{color:#4b5563;max-width:700px;margin:0 auto;font-size:18px;line-height:1.6}.category-scores{padding:60px 0}.category-scores h2{color:#1f2937;text-align:center;margin-bottom:40px;font-size:28px}.scores-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.category-score-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000000d}.category-name{color:#1f2937;margin-bottom:12px;font-size:16px;font-weight:600}.category-score-bar{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.category-score-fill{border-radius:4px;height:100%;transition:width .5s ease-out}.category-score-number{color:#6b7280;font-size:14px;font-weight:600}.top-issues{padding:60px 0}.top-issues h2{color:#1f2937;text-align:center;margin-bottom:40px;font-size:28px}.issues-list{gap:20px;max-width:900px;margin:0 auto;display:grid}.issue-card{background:#fff;border-left:4px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000000d}.issue-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.issue-severity{text-transform:uppercase;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.issue-severity[data-severity=critical]{color:#991b1b;background:#fee2e2}.issue-severity[data-severity=high]{color:#92400e;background:#fef3c7}.issue-severity[data-severity=medium]{color:#1e40af;background:#dbeafe}.issue-severity[data-severity=low]{color:#4b5563;background:#e5e7eb}.issue-card h3{color:#1f2937;flex:1;font-size:18px}.issue-description{color:#4b5563;margin-bottom:12px;line-height:1.6}.issue-category{color:#6b7280;font-size:14px;font-weight:500}.upgrade-cta{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:80px 0}.upgrade-box{background:#fff;border-radius:16px;max-width:900px;margin:0 auto;padding:60px;box-shadow:0 20px 60px #0000004d}.upgrade-box h2{color:#1f2937;text-align:center;margin-bottom:16px;font-size:32px}.upgrade-box>p{color:#6b7280;text-align:center;margin-bottom:40px;font-size:18px}.upgrade-features{gap:24px;margin-bottom:40px;display:grid}.upgrade-feature{align-items:flex-start;gap:16px;display:flex}.check-icon{color:#fff;background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:flex}.upgrade-feature strong{color:#1f2937;margin-bottom:4px;font-size:16px;display:block}.upgrade-feature p{color:#6b7280;font-size:14px;line-height:1.5}.upgrade-buttons{justify-content:center;gap:16px;display:flex}.upgrade-button{cursor:pointer;border:none;border-radius:8px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s}.upgrade-button.primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.upgrade-button.primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.upgrade-button.secondary{color:#667eea;background:#fff;border:2px solid #667eea}.upgrade-button.secondary:hover{color:#fff;background:#667eea}.sample-recommendations{padding:60px 0}.sample-recommendations h2{color:#1f2937;text-align:center;margin-bottom:40px;font-size:28px}.locked-preview{max-width:900px;margin:0 auto;position:relative}.blur-content{filter:blur(5px);pointer-events:none;-webkit-user-select:none;user-select:none}.recommendation-card{background:#fff;border-radius:12px;margin-bottom:20px;padding:24px;box-shadow:0 2px 10px #0000000d}.recommendation-card h3{color:#1f2937;margin-bottom:16px;font-size:20px}.recommendation-card p{color:#4b5563;margin-bottom:12px;line-height:1.7}.unlock-overlay{text-align:center;background:#fffffff2;border-radius:16px;width:90%;max-width:400px;padding:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0003}.unlock-message h3{color:#1f2937;margin-bottom:12px;font-size:24px}.unlock-message p{color:#6b7280;margin-bottom:24px}.unlock-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s}.unlock-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.footer{color:#fff;text-align:center;background:#1f2937;padding:40px 0}@media (max-width:768px){.results-header h1{font-size:24px}.score-circle{border-width:8px;width:160px;height:160px}.score-number{font-size:48px}.upgrade-box{padding:40px 24px}.upgrade-buttons{flex-direction:column}.upgrade-button{width:100%}}