/* Modern Mobile Analyzer - Complete Redesign - Minified */
:root{--green-50:#F0FDF4;--green-100:#DCFCE7;--green-500:#10B981;--green-600:#059669;--green-700:#047857;--purple-500:#8B5CF6;--purple-100:#EDE9FE;--orange-500:#F59E0B;--orange-100:#FEF3C7;--blue-500:#3B82F6;--blue-100:#DBEAFE;--red-500:#EF4444;--red-100:#FEE2E2;--gray-50:#F9FAFB;--gray-100:#F3F4F6;--gray-200:#E5E7EB;--gray-300:#D1D5DB;--gray-400:#9CA3AF;--gray-500:#6B7280;--gray-600:#4B5563;--gray-700:#374151;--gray-800:#1F2937;--gray-900:#111827;--white:#FFFFFF;--black:#000000;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:48px;--space-xl:80px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 8px 24px rgba(0,0,0,0.12);--shadow-xl:0 20px 40px rgba(0,0,0,0.15);--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-base:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;font-weight:400;line-height:1.6;color:var(--gray-900);background:var(--white);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-0.02em;color:var(--gray-900)}h1{font-size:3rem;font-weight:800;letter-spacing:-0.03em}h2{font-size:2rem}h3{font-size:1.5rem;font-weight:600}a{color:var(--green-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--green-700)}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-md)}.site-header{background:var(--white);box-shadow:0 1px 3px rgba(0,0,0,0.08);position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--gray-200)}.header-content{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0}.logo a{display:flex;align-items:center;color:var(--gray-900);font-size:1.5rem;font-weight:800;letter-spacing:-0.02em;gap:var(--space-xs)}.logo img{height:40px}.main-nav ul{display:flex;list-style:none;gap:var(--space-lg)}.main-nav a{color:var(--gray-700);font-weight:500;font-size:0.95rem;transition:color var(--transition-fast)}.main-nav a:hover{color:var(--green-600)}.mobile-menu-btn{display:none;background:0;border:0;font-size:1.5rem;cursor:pointer;color:var(--gray-900);padding:var(--space-xs)}.hero-section{background:linear-gradient(180deg,var(--green-50) 0%,var(--white) 100%);padding:var(--space-xl) 0 var(--space-lg);text-align:center;border-bottom:1px solid var(--gray-200)}.hero-content h1{margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--gray-900) 0%,var(--green-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--gray-600);margin:0 auto var(--space-lg);max-width:700px;line-height:1.8}.analyzer-tool{max-width:900px;margin:0 auto}.form-container{display:flex;flex-direction:column;align-items:stretch;background:var(--white);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);gap:var(--space-sm)}.form-container input,.form-container select{width:100%;padding:14px 16px;border:1.5px solid var(--gray-300);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit;background:var(--white);transition:all var(--transition-fast);color:var(--gray-900)}.form-container input:focus,.form-container select:focus{outline:0;border-color:var(--green-500);box-shadow:0 0 0 4px rgba(16,185,129,0.1);transform:scale(1.01)}.form-container button{background:linear-gradient(135deg,var(--green-500),var(--green-600));color:var(--white);font-weight:600;padding:14px 32px;border:0;border-radius:var(--radius-sm);font-size:1rem;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);box-shadow:0 4px 12px rgba(16,185,129,0.3);font-family:inherit}.form-container button:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(16,185,129,0.4)}.form-container button:active{transform:translateY(0)}.disclaimer{text-align:center;font-size:0.9rem;color:var(--gray-600);margin-top:var(--space-md);padding:var(--space-md);background:var(--orange-100);border-radius:var(--radius-md);border-left:4px solid var(--orange-500)}.performance-section{background:var(--white);margin:var(--space-lg) auto;padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);text-align:center;display:none;max-width:900px}.performance-title{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--space-lg)}.performance-metrics{display:flex;justify-content:center;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.performance-circle{width:120px;height:120px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--progress-color) var(--progress-percent),var(--gray-200) 0);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.performance-circle::before{content:'';position:absolute;inset:12px;border-radius:50%;background:var(--white)}.performance-score{position:relative;z-index:1;color:var(--progress-color);font-weight:800;font-size:1.5rem}.performance-details{flex:1;text-align:left;max-width:500px}.performance-time{font-size:1.2rem;font-weight:700;margin-bottom:var(--space-sm);color:var(--gray-900)}.performance-status{font-size:0.9rem;font-weight:600;padding:6px 16px;border-radius:var(--radius-full);display:inline-block;margin-bottom:var(--space-sm)}.status-excellent{background:var(--green-500);color:var(--white)}.status-good{background:var(--orange-500);color:var(--white)}.status-poor{background:var(--red-500);color:var(--white)}.status-average{background:var(--blue-500);color:var(--white)}.performance-description{font-size:0.9rem;color:var(--gray-600);line-height:1.6}.performance-circle[data-status="excellent"]{--progress-color:var(--green-500)}.performance-circle[data-status="good"]{--progress-color:var(--orange-500)}.performance-circle[data-status="average"]{--progress-color:var(--blue-500)}.performance-circle[data-status="poor"]{--progress-color:var(--red-500)}.preview-section{display:none;flex-direction:column;align-items:center;gap:var(--space-md);margin:var(--space-lg) auto;max-width:1280px}.control-panel{background:var(--white);padding:var(--space-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center;align-items:center;width:100%;max-width:1100px}.control-btn{background:linear-gradient(135deg,var(--gray-700),var(--gray-800));color:var(--white);border:0;padding:10px 20px;border-radius:var(--radius-sm);font-size:0.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:6px;font-family:inherit;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.control-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.2)}.control-btn.active{background:linear-gradient(135deg,var(--green-500),var(--green-600));box-shadow:0 4px 12px rgba(16,185,129,0.3)}.device-info{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:0.9rem;color:var(--gray-700);font-weight:500;flex-wrap:wrap}.orientation-badge{background:var(--green-500);color:var(--white);padding:4px 12px;border-radius:var(--radius-full);font-size:0.8rem;font-weight:600}.orientation-badge.landscape{background:var(--orange-500)}.zoom-controls{display:flex;align-items:center;gap:var(--space-xs);background:var(--gray-100);padding:6px 12px;border-radius:var(--radius-sm)}.zoom-level{font-weight:700;color:var(--gray-900);min-width:60px;text-align:center;font-size:0.9rem}.user-feedback-section{background:var(--white);padding:var(--space-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);text-align:center;display:none;width:100%;max-width:800px}.feedback-question{font-size:1.1rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--space-md)}.feedback-buttons{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.feedback-btn{background:var(--gray-700);color:var(--white);border:0;padding:12px 24px;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);min-width:200px;font-family:inherit}.feedback-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.2)}.feedback-btn.yes{background:linear-gradient(135deg,var(--red-500),#DC2626)}.feedback-btn.no{background:linear-gradient(135deg,var(--green-500),var(--green-600))}.preview-container{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--black);box-shadow:var(--shadow-xl);transition:all var(--transition-slow);display:flex;align-items:center;justify-content:center;margin:0 auto}.preview-wrapper{position:relative;overflow:hidden;border-radius:var(--radius-lg);transition:all var(--transition-base);background:var(--white)}iframe{border:0;width:100%;height:100%;display:block;transition:transform var(--transition-base);transform-origin:top left;background:var(--white)}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.95);display:flex;align-items:center;justify-content:center;z-index:100;transition:opacity var(--transition-base)}.loading-spinner{width:50px;height:50px;border:4px solid var(--gray-200);border-top:4px solid var(--green-500);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.preview-container:fullscreen,.preview-container:-webkit-full-screen,.preview-container:-moz-full-screen{width:100vw!important;height:100vh!important;display:flex;align-items:center;justify-content:center;background:var(--black);border-radius:0}.preview-container:fullscreen .preview-wrapper,.preview-container:-webkit-full-screen .preview-wrapper,.preview-container:-moz-full-screen .preview-wrapper{max-width:90vw;max-height:90vh;border-radius:var(--radius-lg);box-shadow:0 20px 60px rgba(255,255,255,0.1)}.recent-analyses-section{background:var(--white);margin:var(--space-xl) auto;padding:var(--space-xl) var(--space-md);border-radius:var(--radius-lg);max-width:1280px}.recent-analyses-section h2{text-align:center;font-size:2rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--space-sm)}.section-subtitle{text-align:center;font-size:1.1rem;color:var(--gray-600);margin-bottom:var(--space-lg);max-width:700px;margin-left:auto;margin-right:auto;line-height:1.7}.analyses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-md);max-width:1200px;margin:0 auto var(--space-lg)}.analysis-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid var(--gray-200);position:relative;overflow:hidden}.analysis-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--card-accent);transition:all var(--transition-base)}.analysis-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl);border-color:var(--card-accent)}.analysis-card:hover::before{width:6px;box-shadow:0 0 20px var(--card-accent)}.analysis-card[data-status="excellent"]{--card-accent:var(--green-500)}.analysis-card[data-status="good"]{--card-accent:var(--orange-500)}.analysis-card[data-status="average"]{--card-accent:var(--blue-500)}.analysis-card[data-status="poor"]{--card-accent:var(--red-500)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md);gap:var(--space-sm)}.card-header h3{font-size:1.1rem;font-weight:600;margin:0;flex:1}.card-header h3 a{color:var(--gray-900);transition:color var(--transition-fast)}.card-header h3 a:hover{color:var(--green-600)}.score-badge{background:var(--badge-bg);color:var(--white);padding:6px 14px;border-radius:var(--radius-full);font-size:0.85rem;font-weight:700;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.score-badge.score-excellent{--badge-bg:var(--green-500)}.score-badge.score-good{--badge-bg:var(--orange-500)}.score-badge.score-poor{--badge-bg:var(--red-500)}.score-badge.score-average{--badge-bg:var(--blue-500)}.card-meta{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-md)}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-item .label{font-size:0.8rem;color:var(--gray-500);font-weight:500;text-transform:uppercase;letter-spacing:0.03em}.meta-item .value{font-size:0.95rem;color:var(--gray-900);font-weight:600}.card-actions{display:flex;gap:var(--space-xs);flex-wrap:wrap}.view-report-btn,.test-again-btn{flex:1;min-width:140px;padding:10px 20px;border-radius:var(--radius-sm);text-decoration:none;font-size:0.9rem;font-weight:600;text-align:center;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:inherit}.view-report-btn{background:linear-gradient(135deg,var(--green-500),var(--green-600));color:var(--white);box-shadow:0 4px 12px rgba(16,185,129,0.3)}.view-report-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(16,185,129,0.4);color:var(--white)}.test-again-btn{background:var(--white);color:var(--gray-700);border:1.5px solid var(--gray-300)}.test-again-btn:hover{background:var(--gray-50);border-color:var(--gray-400);transform:translateY(-2px)}.view-report-btn.single-btn{flex:1;max-width:320px;padding:12px 28px;font-size:1rem}.view-more-section{text-align:center;color:var(--gray-600);font-style:italic;margin-top:var(--space-lg)}.features-section{background:var(--gray-50);margin:var(--space-xl) auto;padding:var(--space-xl) var(--space-md);max-width:1280px;border-radius:var(--radius-lg)}.features-section h2{text-align:center;font-size:2rem;font-weight:700;color:var(--gray-900);margin-bottom:var(--space-lg)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.feature-card{text-align:center;padding:var(--space-lg);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);border:1px solid var(--gray-200)}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--green-500)}.feature-icon{font-size:3rem;margin-bottom:var(--space-md);color:var(--green-500)}.feature-card h3{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--space-sm)}.feature-card p{color:var(--gray-600);line-height:1.7}.site-footer{background:linear-gradient(135deg,var(--green-50) 0%,var(--white) 100%);color:var(--gray-700);padding:var(--space-xl) var(--space-lg);text-align:center;font-size:0.9rem;line-height:1.8;margin-top:var(--space-xl);border-top:2px solid var(--green-500)}.site-footer strong{color:var(--gray-900);font-weight:600}.site-footer a{color:var(--green-600);font-weight:500;transition:color var(--transition-fast)}.site-footer a:hover{color:var(--green-700)}.info-tabs-container{background:var(--white);margin:var(--space-lg) auto;padding:0;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);max-width:900px;overflow:hidden}.info-tabs-header{display:flex;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.info-tab-btn{flex:1;padding:var(--space-md) var(--space-lg);background:0;border:0;font-size:1rem;font-weight:600;color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast);border-bottom:3px solid transparent;font-family:inherit}.info-tab-btn.active{color:var(--green-600);background:var(--white);border-bottom-color:var(--green-500)}.info-tab-btn:hover{background:var(--gray-100);color:var(--green-600)}.info-tab-content{display:none;padding:var(--space-lg);text-align:left}.info-tab-content.active{display:block}.info-grid{display:grid;grid-template-columns:auto 1fr;gap:var(--space-sm) var(--space-md);margin-top:var(--space-sm);max-width:700px}.info-grid strong{color:var(--gray-700);font-weight:600}.info-grid span{color:var(--gray-900)}.ssl-error{color:var(--red-500);font-weight:600;display:flex;align-items:center;gap:var(--space-xs)}.ssl-success{color:var(--green-500);font-weight:600;display:flex;align-items:center;gap:var(--space-xs)}@keyframes pulse{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}.performance-circle.loading{animation:pulse 1.5s ease-in-out infinite}.performance-circle.loading::before{background:conic-gradient(var(--gray-200) 0deg,var(--gray-200) 360deg)}.bonus-tip{background:var(--purple-100);border-left-color:var(--purple-500);color:var(--gray-900)}@media (min-width:768px){.form-container{flex-direction:row;align-items:end}.form-container input,.form-container select{width:auto;flex:1}.form-container button{width:auto;flex:0 0 auto}.control-panel{justify-content:space-between}.performance-metrics{flex-wrap:nowrap}}@media (max-width:768px){.header-content{flex-wrap:wrap}.mobile-menu-btn{display:block;order:3}.main-nav{order:4;width:100%;display:none;margin-top:var(--space-md)}.main-nav.active{display:block}.main-nav ul{flex-direction:column;gap:var(--space-sm);background:var(--white);padding:var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--gray-200)}h1{font-size:2rem}.hero-subtitle{font-size:1.1rem}.preview-section{gap:var(--space-md)}.control-panel{flex-direction:column}.control-btn{width:100%;justify-content:center;max-width:320px}.user-feedback-section{margin:0 auto var(--space-md) auto}.feedback-buttons{flex-direction:column;align-items:center}.feedback-btn{max-width:320px;width:100%}.device-info{justify-content:center;text-align:center}.performance-metrics{flex-direction:column}.performance-details{text-align:center}.analyses-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr}.card-actions{flex-direction:column}.view-report-btn,.test-again-btn{min-width:auto}.view-report-btn.single-btn{min-width:auto;width:100%;max-width:100%}}@media (max-width:480px){h1{font-size:1.75rem;padding:var(--space-sm)}.hero-subtitle{font-size:1rem}.form-container,.performance-section{padding:var(--space-md)}.recent-analyses-section,.features-section{padding:var(--space-lg) var(--space-sm)}.preview-section{gap:var(--space-sm)}.control-panel,.user-feedback-section{padding:var(--space-sm)}.feedback-question{font-size:1rem;margin-bottom:var(--space-sm)}.info-tab-btn{font-size:0.9rem;padding:var(--space-sm)}}