:root{--brand: #8b5cf6;--brand-dark: #7c3aed;--brand-light: #a78bfa;--accent: #c084fc;--bg: #0f0f23;--bg-card: #1a1a2e;--text: #e2e8f0;--text-muted: #94a3b8;--card: rgba(255, 255, 255, .05);--card-border: rgba(139, 92, 246, .2);--ok: #f59e0b;--good: #10b981;--bad: #ef4444;--border: rgba(255, 255, 255, .1);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box}html,body,#root{height:100%}.app-container{min-height:100vh;display:flex;flex-direction:column}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);background:var(--bg);min-height:100vh}.container{max-width:1100px;margin:0 auto;padding:0 20px}.header{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 50%,#6366f1 100%);color:#fff;padding:16px 0;position:relative;overflow:hidden}.header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.navbar{display:flex;align-items:center;justify-content:space-between;min-height:60px;flex-wrap:wrap;gap:16px}.brand{display:flex;align-items:center;gap:16px;flex-shrink:0;min-width:0}.logo{display:flex;align-items:center;justify-content:center}.logo-image{width:140px;height:140px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(139,92,246,.4));transition:all .3s ease}.logo-image:hover{transform:scale(1.05);filter:drop-shadow(0 6px 16px rgba(139,92,246,.5))}.brand-text h1{font-size:22px;margin:0}.brand-text p{margin:2px 0 0;opacity:.9}.nav{display:flex;gap:8px;align-items:center;flex:1;justify-content:flex-end;min-width:0;flex-wrap:wrap}.nav-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:8px 12px;border-radius:10px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;flex-shrink:0}.nav-btn:hover{background:#fff3;border-color:#fff6;transform:translateY(-1px)}.nav-btn.active{background:linear-gradient(135deg,#fffffff2,#ffffffd9);color:var(--brand-dark);border-color:#fff9;box-shadow:0 4px 12px #fff3}.nav-divider{width:1px;height:24px;background:#ffffff4d;margin:0 8px}.nav-link{color:#ffffffe6;text-decoration:none;padding:8px 12px;font-weight:500;font-size:14px;transition:all .3s ease;position:relative;background:none;border:none;cursor:pointer;font-family:inherit}.nav-link:hover{color:#fff}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:#fff;transition:all .3s ease;transform:translate(-50%)}.nav-link:hover:after{width:80%}.nav-link.active{color:#fff}.nav-link.active:after{width:80%}@media (max-width: 992px){.navbar{flex-wrap:wrap;justify-content:center}.brand{order:1;flex:1 1 100%;justify-content:center;margin-bottom:12px}.nav{order:2;flex:1 1 100%;justify-content:center;flex-wrap:wrap}}@media (max-width: 768px){.navbar{flex-direction:column;gap:16px;align-items:center}.nav{flex-wrap:wrap;justify-content:center}.nav-divider{display:none}.logo-image{width:80px;height:80px}.footer-logo-image{width:64px;height:64px}}.main-content{flex:1;display:flex;align-items:center;justify-content:center;padding:20px 20px 0;background:linear-gradient(135deg,var(--bg) 0%,#1a1a3a 25%,#16213e 50%,#1a1a3a 75%,var(--bg) 100%);min-height:calc(100vh - 80px);position:relative}.main-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(139,92,246,.1) 0%,transparent 25%),radial-gradient(circle at 80% 80%,rgba(99,102,241,.08) 0%,transparent 25%),radial-gradient(circle at 40% 60%,rgba(139,92,246,.05) 0%,transparent 30%);pointer-events:none;z-index:0}.main-content>*{position:relative;z-index:1}.main-content:has(.about-page){align-items:flex-start;padding:40px 20px}.main-content:has(.docs-page){align-items:flex-start;padding:20px}.main-content:has(.contact-page){align-items:flex-start;padding:20px}.main-content .container{width:100%;max-width:1000px;margin:0 auto;display:flex;justify-content:center;align-items:center}.seo-analyzer-card{max-width:800px;width:100%;margin:0 auto;text-align:center;padding:48px 40px}.seo-analyzer-card h2{font-size:36px;margin-bottom:16px;background:linear-gradient(135deg,var(--brand) 0%,#6366f1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.seo-analyzer-card p{font-size:18px;margin-bottom:32px;color:var(--text-muted);line-height:1.6}.seo-analyzer-card .form{justify-content:center;max-width:600px;margin:0 auto;gap:16px}.seo-analyzer-card .form input{font-size:16px;padding:16px 20px;min-width:320px}.seo-analyzer-card .form button{font-size:16px;padding:16px 24px;min-width:120px}@media (max-width: 768px){.main-content{padding:20px 16px 0;align-items:flex-start}.seo-analyzer-card{max-width:100%;padding:32px 24px}.seo-analyzer-card h2{font-size:28px}.seo-analyzer-card p{font-size:16px}.seo-analyzer-card .form{max-width:100%;flex-direction:column}.seo-analyzer-card .form input{min-width:100%}}.card{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:20px;box-shadow:0 8px 32px #8b5cf61a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.card:hover{border-color:var(--brand-light);box-shadow:0 12px 40px #8b5cf633;transform:translateY(-2px)}.card h2{margin:0 0 6px}.card p{margin:0 0 12px;color:var(--text-muted)}.form{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 18px}.form input,.form select{flex:1;min-width:260px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--glass-bg);color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.form input:focus,.form select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #8b5cf61a}.form select option{background:var(--bg-card);color:var(--text);padding:8px 12px}.form select option:hover,.form select option:checked{background:var(--brand);color:#fff}.form button{padding:12px 16px;border-radius:10px;border:0;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf64d}.form button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:10px 12px;border-radius:10px}.results{margin-top:18px}.results-header{display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:space-between}.download-section{display:flex;align-items:center}.download-btn{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;border:none;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #8b5cf64d}.download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.download-btn:active{transform:translateY(0)}.download-icon{font-size:16px}.dropdown-arrow{font-size:12px;transition:transform .3s ease}.download-dropdown{position:relative}.download-options{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-card);border:1px solid var(--brand);border-radius:10px;box-shadow:0 8px 24px #0000004d;z-index:1000;min-width:200px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.download-option{width:100%;background:none;border:none;padding:12px 16px;text-align:left;color:var(--text);cursor:pointer;transition:background-color .2s ease;font-size:14px;display:flex;align-items:center;gap:8px}.download-option:hover{background:#8b5cf61a}.download-option:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.results-header{flex-direction:column;align-items:stretch;gap:12px}.download-section{justify-content:center}.download-btn{width:100%;justify-content:center}}.kv{display:grid;grid-template-columns:repeat(2,auto);gap:8px 16px;padding:8px 0}@media (max-width: 520px){.kv{grid-template-columns:1fr}}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media (max-width: 820px){.grid{grid-template-columns:1fr;gap:12px}}@media (max-width: 480px){.grid{gap:10px}.enhanced-card{margin:0}.enhanced-card-header{padding:12px 16px}.enhanced-row{padding:10px 16px}.card-icon{width:36px;height:36px;font-size:18px}.row-key{font-size:13px;min-width:100px}.row-value{font-size:13px}}.enhanced-card{background:linear-gradient(135deg,#8b5cf608,#6366f108);border:1px solid rgba(139,92,246,.15);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease;box-shadow:0 4px 20px #8b5cf614}.enhanced-card:hover{border-color:var(--brand-light);transform:translateY(-2px);box-shadow:0 8px 32px #8b5cf626}.enhanced-card-header{background:linear-gradient(135deg,#8b5cf614,#6366f114);padding:16px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.08)}.card-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--brand) 0%,#6366f1 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 3px 10px #8b5cf640}.card-title-content{flex:1}.card-title-content h4{margin:0 0 2px;font-size:16px;font-weight:700;color:var(--text)}.card-stats{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.enhanced-card-body{padding:0}.enhanced-row{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.04);transition:all .2s ease}.enhanced-row:hover{background:#8b5cf60a}.enhanced-row:last-child{border-bottom:none}.row-content{flex:1;display:flex;justify-content:space-between;align-items:center;gap:12px}.row-key{color:var(--text-muted);font-size:14px;font-weight:500;min-width:120px}.row-value{color:var(--text);font-size:14px;font-weight:500;flex:1;text-align:right;word-break:break-word}.status-indicator{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;margin-left:12px;flex-shrink:0}.status-indicator.good{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-indicator.bad{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-indicator.warning{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.opportunities-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:0;overflow:hidden;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.opportunities-header{display:flex;align-items:center;justify-content:space-between;padding:20px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-bottom:1px solid var(--glass-border)}.opportunities-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#6366f126;border:1px solid rgba(99,102,241,.3)}.opportunities-icon{font-size:24px;z-index:2}.opportunities-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:12px;background:#6366f133;animation:opportunities-pulse 2s ease-in-out infinite}@keyframes opportunities-pulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.1;transform:translate(-50%,-50%) scale(1.1)}}.opportunities-title-content{flex:1;margin-left:16px}.opportunities-title-content h4{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--text)}.opportunities-subtitle{font-size:13px;color:var(--text-muted);font-weight:500}.opportunities-badge{background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:20px;padding:4px 12px}.badge-text{font-size:11px;font-weight:600;color:#22c55e;text-transform:uppercase;letter-spacing:.5px}.opportunities-body{padding:16px 20px 20px}.opportunity-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease}.opportunity-item:last-child{border-bottom:none}.opportunity-item:hover{background:#ffffff05;border-radius:8px;padding-left:8px;padding-right:8px}.opportunity-indicator{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.opportunity-item.good .opportunity-indicator{background:#22c55e26;border:1px solid rgba(34,197,94,.3)}.opportunity-item.warning .opportunity-indicator{background:#f59e0b26;border:1px solid rgba(245,158,11,.3)}.opportunity-item.bad .opportunity-indicator{background:#ef444426;border:1px solid rgba(239,68,68,.3)}.opportunity-item.missing .opportunity-indicator{background:#6b728026;border:1px solid rgba(107,114,128,.3)}.indicator-icon{font-size:14px;font-weight:600}.indicator-icon.good{color:#22c55e}.indicator-icon.warning{color:#f59e0b}.indicator-icon.bad{color:#ef4444}.indicator-icon.missing{color:#6b7280}.opportunity-content{flex:1;min-width:0}.opportunity-category{font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px}.opportunity-recommendation{font-size:13px;color:var(--text-muted);line-height:1.4}.opportunity-action{margin-left:12px;flex-shrink:0}.action-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;border-radius:6px}.opportunity-item.good .action-label{color:#22c55e;background:#22c55e1a;border:1px solid rgba(34,197,94,.2)}.opportunity-item.warning .action-label{color:#f59e0b;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2)}.opportunity-item.bad .action-label{color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.mini-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:12px 14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.mini-card:hover{border-color:var(--brand);box-shadow:0 4px 12px #8b5cf61a}.mini-card h4{margin:0 0 10px}.mini-card .row{display:grid;grid-template-columns:140px 1fr;gap:6px 10px;padding:6px 0;border-bottom:1px dashed var(--border)}.mini-card .row:last-child{border-bottom:0}.mini-card dt{color:var(--text-muted)}.badge{display:flex;gap:8px;align-items:center;border:1px solid var(--glass-border);border-radius:14px;padding:8px 12px;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge.good{border-color:#16a34a59}.badge.ok{border-color:#f59e0b59}.badge.bad{border-color:#ef444459}.badge .value{font-size:22px;font-weight:700}.badge .label{color:var(--text-muted)}.top-fixes-card{margin-top:24px;background:linear-gradient(135deg,#ef44440d,#8b5cf60d);border:1px solid rgba(239,68,68,.2);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #ef44441a}.top-fixes-header{background:linear-gradient(135deg,#ef44441a,#8b5cf61a);padding:20px 24px;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(255,255,255,.1)}.fix-icon{width:48px;height:48px;background:linear-gradient(135deg,#ef4444 0%,var(--brand) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 12px #ef44444d}.fix-header-content{flex:1}.fix-header-content h3{margin:0 0 4px;font-size:18px;font-weight:700;color:var(--text)}.fix-header-content p{margin:0;color:var(--text-muted);font-size:14px}.fixes-count{width:40px;height:40px;background:linear-gradient(135deg,#ef4444 0%,var(--brand-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;box-shadow:0 4px 12px #ef44444d}.fixes-list{padding:0}.fix-item{display:flex;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease;position:relative}.fix-item:hover{background:#8b5cf60d;border-left:3px solid var(--brand)}.fix-item:last-child{border-bottom:none}.fix-priority{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center}.priority-number{width:28px;height:28px;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;box-shadow:0 2px 8px #8b5cf64d}.fix-content{flex:1}.fix-text{color:var(--text);font-weight:500;margin-bottom:4px;line-height:1.4}.fix-impact{font-size:12px;color:#ef4444;background:#ef44441a;padding:2px 8px;border-radius:12px;display:inline-block;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.fix-action{opacity:0;transition:opacity .3s ease}.fix-item:hover .fix-action{opacity:1}.fix-btn{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;position:relative}.fix-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.seo-analyzer-modern{width:100%;max-width:1200px;margin:0 auto;padding:60px 20px;min-height:100vh}.analyzer-container{display:flex;flex-direction:column;gap:48px}.analyzer-header{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:start;padding:48px;background:linear-gradient(135deg,#8b5cf614,#6366f10a);border:1px solid rgba(139,92,246,.15);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.analyzer-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(139,92,246,.1) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(99,102,241,.08) 0%,transparent 40%);pointer-events:none;z-index:0}.header-content{position:relative;z-index:1}.status-badge{display:inline-flex;align-items:center;gap:8px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:50px;padding:8px 16px;font-size:14px;font-weight:600;color:var(--brand);margin-bottom:24px}.badge-dot{width:8px;height:8px;background:var(--brand);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.main-title{font-size:52px;font-weight:900;line-height:1.1;color:var(--text);margin:0 0 20px;letter-spacing:-.02em;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.gradient-text{display:block;background:linear-gradient(135deg,var(--brand) 0%,#6366f1 50%,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradient-flow 4s ease-in-out infinite;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}@keyframes gradient-flow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.main-description{font-size:18px;line-height:1.6;color:var(--text-muted);margin:0;max-width:500px;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.stats-preview{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.stat-item{text-align:center;padding:20px;background:#ffffff0d;border:1px solid rgba(139,92,246,.15);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease}.stat-item:hover{transform:translateY(-2px);border-color:#8b5cf64d;box-shadow:0 8px 32px #8b5cf626}.stat-number{font-size:32px;font-weight:800;background:linear-gradient(135deg,var(--brand) 0%,#6366f1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-label{font-size:14px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.analyzer-form-modern{max-width:800px;margin:0 auto}.modern-form{display:flex;flex-direction:column;gap:24px}.input-wrapper{flex:1;position:relative;background:#ffffff08;border:2px solid rgba(139,92,246,.15);border-radius:20px;padding:0;display:flex;align-items:center;transition:all .3s ease;overflow:hidden;min-width:0}.input-wrapper:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px #8b5cf61a;background:#ffffff0d}.input-icon{padding:20px;color:var(--text-muted);display:flex;align-items:center;flex-shrink:0}.url-input{flex:1;border:none;outline:none;background:transparent;padding:20px 16px;font-size:16px;color:var(--text);font-weight:500;width:0;min-width:0;max-width:100%}.url-input::placeholder{color:var(--text-muted);opacity:.7}.url-input.error{color:#ef4444}.input-actions{display:flex;align-items:center;gap:8px;padding:0 16px;flex-shrink:0}.error-icon{color:#ef4444;display:flex;align-items:center}.success-icon{color:#10b981;display:flex;align-items:center}.clear-button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center}.clear-button:hover{color:var(--text);background:#ffffff1a}.analyze-btn{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);border:none;border-radius:20px;padding:20px 32px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap;position:relative;overflow:hidden;min-width:160px;justify-content:center}.analyze-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.analyze-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #8b5cf666}.analyze-btn:hover:not(:disabled):before{left:100%}.analyze-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-footer{text-align:center;opacity:.8}.examples{display:flex;flex-direction:column;gap:12px;align-items:center}.examples-label{font-size:14px;color:var(--text-muted);font-weight:500}.example-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.example-link{background:#8b5cf60d;border:1px solid rgba(139,92,246,.15);border-radius:12px;padding:8px 16px;font-size:13px;color:var(--text-muted);cursor:pointer;transition:all .2s ease;font-weight:500}.example-link:hover{background:#8b5cf61a;border-color:var(--brand);color:var(--brand);transform:translateY(-1px)}.error-notification-modern{max-width:800px;margin:0 auto 32px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.error-content{display:flex;align-items:center;gap:16px}.error-icon{color:#ef4444;flex-shrink:0}.error-text h4{color:#ef4444;margin:0 0 4px;font-size:16px;font-weight:600}.error-text p{color:var(--text-muted);margin:0;font-size:14px}.results-modern{display:flex;flex-direction:column;gap:32px}.results-header{text-align:center;padding:32px;background:#10b9810d;border:1px solid rgba(16,185,129,.15);border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.results-badge{display:inline-flex;align-items:center;gap:8px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:50px;padding:8px 16px;font-size:14px;font-weight:600;color:#10b981;margin-bottom:16px}.badge-dot.success{background:#10b981}.results-title{font-size:28px;font-weight:700;color:var(--text);margin:0}.domain-name{color:var(--brand);font-weight:800}.score-section{display:flex;flex-direction:column;gap:24px;align-items:center;padding:40px;background:#ffffff05;border:1px solid rgba(139,92,246,.1);border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.main-score{transform:scale(1.2)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;max-width:500px}.metric-card{text-align:center;padding:20px;background:#ffffff08;border:1px solid rgba(139,92,246,.1);border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.metric-card:hover{transform:translateY(-2px);border-color:#8b5cf633}.metric-value{font-size:24px;font-weight:700;color:var(--brand);margin-bottom:8px}.metric-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.analysis-sections{display:flex;flex-direction:column;gap:32px}.section-modern{background:#ffffff05;border:1px solid rgba(139,92,246,.1);border-radius:20px;padding:32px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.section-header{text-align:center;margin-bottom:32px}.section-header h3{font-size:24px;font-weight:700;color:var(--text);margin:0 0 8px}.section-header p{font-size:16px;color:var(--text-muted);margin:0}.cards-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}@media (max-width: 1024px){.analyzer-header{grid-template-columns:1fr;gap:32px;text-align:center}.stats-preview{flex-direction:row;justify-content:center}.main-title{font-size:42px}}@media (max-width: 768px){.seo-analyzer-modern{padding:20px 12px;min-height:auto}.analyzer-header{padding:24px 16px;grid-template-columns:1fr;gap:24px;text-align:center}.header-content{text-align:center}.main-title{font-size:28px;line-height:1.2;margin-bottom:16px;word-break:break-word;overflow-wrap:break-word}.gradient-text{word-break:break-word;overflow-wrap:break-word}.main-description{font-size:15px;max-width:none;text-align:center;word-wrap:break-word;overflow-wrap:break-word}.input-group{flex-direction:column;gap:16px}.input-wrapper{border-radius:16px}.input-icon{padding:16px}.url-input{padding:16px 12px;font-size:16px}.analyze-btn{width:100%;padding:16px 24px;font-size:16px;border-radius:16px;min-width:auto}.stats-preview{flex-direction:column}.metrics-grid{grid-template-columns:1fr}.example-links{flex-direction:column;align-items:stretch}.cards-grid-modern{grid-template-columns:1fr}}@media (max-width: 480px){.seo-analyzer-modern{padding:16px 8px}.analyzer-header{padding:20px 12px;border-radius:16px}.main-title{font-size:24px;line-height:1.1;word-break:break-word;overflow-wrap:break-word;max-width:100%}.gradient-text{font-size:24px;word-break:break-word;overflow-wrap:break-word}.main-description{font-size:14px;line-height:1.4;margin-bottom:20px;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.status-badge{font-size:12px;padding:6px 12px}.input-wrapper{border-radius:12px}.input-icon{padding:12px}.url-input{padding:14px 10px;font-size:16px}.analyze-btn{padding:14px 20px;font-size:16px;border-radius:12px;min-height:50px}}@media (max-width: 360px){.seo-analyzer-modern{padding:12px 4px}.analyzer-header{padding:16px 8px;border-radius:12px}.main-title{font-size:22px;line-height:1}.gradient-text{font-size:22px}.main-description{font-size:13px;line-height:1.3}.status-badge{font-size:11px;padding:4px 8px}}.seo-analyzer-v2{width:100%;max-width:1400px;margin:0 auto;padding:40px 20px;min-height:100vh}.hero-section{margin-bottom:60px}.hero-grid{background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,rgba(99,102,241,.05) 50%,transparent 100%);border:1px solid rgba(139,92,246,.2);border-radius:32px;padding:60px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;transition:all .4s ease;min-height:600px;height:600px;position:relative;overflow:hidden}.hero-grid:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(99,102,241,.1) 0%,transparent 50%);animation:subtle-pulse 6s ease-in-out infinite;pointer-events:none;z-index:0}.hero-grid:hover{border-color:#8b5cf666;box-shadow:0 20px 60px #8b5cf626;transform:translateY(-2px)}.hero-content{max-width:100%;min-height:500px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#8b5cf626,#6366f11a);border:1px solid rgba(139,92,246,.25);border-radius:50px;padding:12px 24px;margin-bottom:32px;font-size:14px;font-weight:600;color:var(--brand);flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #8b5cf61a;transition:all .3s ease}.hero-title{font-size:48px;font-weight:900;line-height:1.05;margin:0 0 20px;color:var(--text);letter-spacing:-.025em;flex-shrink:0;min-height:92px;text-shadow:0 2px 20px rgba(139,92,246,.1)}.title-accent{display:block;background:linear-gradient(135deg,var(--brand) 0%,#6366f1 50%,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradient-shift 4s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-description{font-size:18px;line-height:1.7;color:var(--text-muted);margin:0 0 40px;flex-shrink:0;min-height:52px;opacity:.9}.analyzer-form-v2{margin-bottom:0}.analyzer-form-v3{width:100%;max-width:600px;margin:0 auto;min-height:140px;overflow:hidden}.search-form{display:flex;flex-direction:column;gap:16px;width:100%;max-width:100%;overflow:hidden}.search-container{display:flex;gap:12px;align-items:stretch;min-height:56px;width:100%;max-width:100%;overflow:hidden}.search-box{flex:1;position:relative;background:#ffffff0d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:2px solid rgba(139,92,246,.2);border-radius:32px;padding:6px;display:flex;align-items:center;transition:all .4s ease;box-shadow:0 8px 32px #8b5cf61a,inset 0 1px #ffffff1a;min-height:64px;min-width:0;max-width:100%;overflow:hidden}.search-box.invalid{border-color:#ef4444;box-shadow:0 2px 8px #ef44441a}.search-box:focus-within{border-color:var(--brand);box-shadow:0 12px 40px #8b5cf633,inset 0 1px #fff3;transform:translateY(-2px)}.search-icon{padding:12px 16px;color:var(--text-muted);display:flex;align-items:center}.search-input{flex:1;border:none;outline:none;background:transparent;padding:16px 8px;font-size:16px;color:var(--text);font-weight:400;width:0;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-input::placeholder{color:var(--text-muted);font-weight:400}.search-input.invalid{color:#ef4444}.input-actions{display:flex;align-items:center;gap:8px;padding-right:12px;min-width:60px;justify-content:flex-end}.clear-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:28px;height:28px;flex-shrink:0}.validation-check{color:#22c55e;display:flex;align-items:center;justify-content:center;padding:6px;width:28px;height:28px;flex-shrink:0}.analyze-button{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 50%,#6366f1 100%);border:none;border-radius:32px;padding:20px 36px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .4s ease;display:flex;align-items:center;gap:12px;justify-content:center;min-width:200px;min-height:64px;box-shadow:0 8px 32px #8b5cf64d,inset 0 1px #fff3;white-space:nowrap;position:relative;overflow:hidden}.analyze-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.analyze-button:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 12px 48px #8b5cf666}.analyze-button:hover:not(:disabled):before{left:100%}.analyze-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #8b5cf61a}.search-suggestions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:0 4px;min-height:60px}.suggestion-text{flex:1;min-width:200px;min-height:40px;display:flex;align-items:center}.help-hint,.error-hint{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;min-height:20px;line-height:1.4}.help-hint{color:var(--text-muted)}.error-hint{color:#ef4444}.quick-examples{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.examples-label{font-size:12px;color:var(--text-muted);font-weight:500}.example-btn{background:#8b5cf60d;border:1px solid rgba(139,92,246,.2);border-radius:24px;padding:8px 16px;font-size:13px;color:var(--text-muted);cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:500}.example-btn:hover{background:#8b5cf61a;border-color:var(--brand);color:var(--brand);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}.input-container{display:flex;gap:16px;align-items:flex-end}.input-field{flex:1;position:relative}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;font-size:16px;color:var(--text-muted);z-index:1;pointer-events:none}.url-input-v2{width:100%;background:var(--input-bg);border:1px solid var(--input-border);border-radius:12px;padding:16px 48px;font-size:16px;color:var(--text);transition:all .3s ease}.input-clear{position:absolute;right:12px;background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:4px;border-radius:6px;transition:all .3s ease;z-index:2;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.input-clear:hover{background:var(--hover);color:var(--text)}.url-input-v2::placeholder{color:var(--text-muted)}.url-input-v2:focus{outline:none;border-color:var(--brand);background:var(--input-bg-focus);box-shadow:0 0 0 3px #8b5cf61a}.input-border{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--brand),var(--brand-light));border-radius:0 0 12px 12px;transform:scaleX(0);transition:transform .3s ease}.url-input-v2:focus~.input-border{transform:scaleX(1)}.input-help{margin-top:8px;opacity:0;transform:translateY(-4px);transition:all .3s ease}.input-field:focus-within .input-help,.input-field:hover .input-help{opacity:1;transform:translateY(0)}.help-text{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.help-text:before{content:"💡";font-size:11px}.help-text.error{color:#ef4444}.help-text.error:before{content:"⚠️"}.input-wrapper.invalid .url-input-v2,.url-input-v2.invalid{border-color:#ef4444;background:#ef44440d}.url-input-v2.invalid:focus{box-shadow:0 0 0 3px #ef44441a}.input-status{position:absolute;right:44px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;font-weight:700}.input-status.valid{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.analyze-btn-v2{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-light) 100%);border:none;border-radius:12px;padding:16px 24px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;min-width:140px;justify-content:center;box-shadow:0 4px 16px #8b5cf633}.analyze-btn-v2:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf64d}.analyze-btn-v2:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.btn-arrow{font-size:16px;transition:transform .3s ease}.analyze-btn-v2:hover .btn-arrow{transform:translate(2px)}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.floating-cards{position:relative;width:400px;height:400px;overflow:hidden}.float-card{position:absolute;background:linear-gradient(135deg,#ffffff1a,#8b5cf60d);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(139,92,246,.2);border-radius:24px;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;animation:float 6s ease-in-out infinite;box-shadow:0 8px 32px #8b5cf626,inset 0 1px #ffffff1a;transition:all .3s ease}.card-1{top:30px;left:30px;animation-delay:0s}.card-2{top:120px;right:30px;animation-delay:2s}.card-3{bottom:30px;left:80px;animation-delay:4s}.card-icon{font-size:36px;margin-bottom:16px;filter:drop-shadow(0 2px 8px rgba(139,92,246,.3))}.card-metric{font-size:36px;font-weight:800;margin-bottom:12px;background:linear-gradient(135deg,var(--brand) 0%,#6366f1 50%,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 16px rgba(139,92,246,.2)}.card-label{font-size:15px;color:var(--text-muted);font-weight:600;opacity:.8}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}@keyframes subtle-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.error-notification{max-width:1200px;margin:0 auto 40px;background:#ef44441a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:20px}.error-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.error-icon-v2{font-size:24px}.error-notification h4{color:#fca5a5;margin:0;font-size:16px;font-weight:600}.error-message{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.results-v2{background:var(--bg);margin-top:40px;position:relative;z-index:2;border-radius:20px 20px 0 0;min-height:100vh}.results-hero{padding:40px 20px 30px;background:var(--card);border:1px solid var(--card-border);border-radius:20px 20px 0 0}.results-header-v2{max-width:1200px;margin:0 auto 60px;text-align:center}.results-badge{display:inline-flex;align-items:center;gap:8px;background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3);padding:6px 12px;border-radius:50px;font-size:12px;font-weight:600;margin-bottom:16px}.badge-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.results-title{font-size:36px;font-weight:700;color:var(--text);margin:0;line-height:1.2}.domain-highlight{display:block;color:var(--brand);font-size:24px;margin-top:8px}.score-showcase{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:40px}.main-score{transform:scale(1.5);margin:20px 0 40px}.metrics-row{display:flex;gap:32px;justify-content:center}.metric-box{text-align:center;padding:20px;background:var(--card);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 2px 8px #8b5cf61a;min-width:100px}.metric-number{font-size:28px;font-weight:700;color:var(--text);margin-bottom:8px}.metric-title{font-size:12px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.export-section{text-align:center;margin-top:40px;position:relative}.export-btn{background:var(--brand);color:#fff;border:none;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.export-btn:hover{background:var(--brand-dark);transform:translateY(-1px)}.export-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--card);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 4px 20px #8b5cf61a;padding:12px;margin-top:8px;min-width:180px;z-index:1000}.export-option{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;cursor:pointer;transition:background .2s ease}.export-option:hover{background:var(--hover)}.option-icon-v2{font-size:20px}.option-name{font-weight:600;color:var(--text);font-size:14px}.option-format{font-size:12px;color:var(--text-muted)}.content-sections{padding:40px 20px;max-width:1200px;margin:0 auto}.section-v2{margin-bottom:80px}.section-header-v2{display:flex;align-items:flex-start;gap:24px;margin-bottom:48px}.section-number{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-light) 100%);color:#fff;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}.pro-number{background:linear-gradient(135deg,#8b5cf6,#a855f7)}.fixes-number{background:linear-gradient(135deg,#f59e0b,#d97706)}.section-title{font-size:28px;font-weight:700;color:var(--text);margin:0 0 8px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.section-subtitle{font-size:16px;color:var(--text-muted);margin:0;line-height:1.5}.pro-badge-v2{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.issues-count{background:#fef3c7;color:#92400e;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px}.pro-section-v2{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:2px solid #e9d5ff;border-radius:24px;padding:48px 40px}.fixes-section-v2{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fde68a;border-radius:24px;padding:48px 40px}.fixes-container{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px #0000001a}@media (max-width: 1024px){.hero-grid{grid-template-columns:1fr;gap:60px;text-align:center}.hero-title{font-size:48px}.floating-cards{display:none}.input-container{flex-direction:column;gap:16px}.analyze-btn-v2{width:100%}.metrics-row{flex-direction:column;gap:16px}.section-header-v2{flex-direction:column;gap:16px;text-align:center}.section-title{font-size:28px;flex-direction:column;gap:8px}.cards-grid{grid-template-columns:1fr}}@media (max-width: 768px){.seo-analyzer-v2{padding:12px}.hero-grid{grid-template-columns:1fr;gap:40px;padding:32px;height:550px}.hero-content{min-height:400px}.hero-title{font-size:32px;min-height:68px}.search-suggestions{flex-direction:column;align-items:flex-start;gap:12px;min-height:80px}.input-container{flex-direction:column;gap:12px}.floating-cards{width:300px;height:300px}.results-hero{padding:24px 16px}.results-title{font-size:24px}.domain-highlight{font-size:18px}.metrics-row{flex-direction:column;gap:16px}.content-sections{padding:24px 16px}.section-header-v2{gap:16px}.section-title{font-size:20px}.search-container{flex-direction:column;gap:12px}.analyze-button{width:100%;min-width:auto}.search-suggestions{flex-direction:column;align-items:flex-start;gap:12px}.quick-examples{width:100%;justify-content:flex-start}.example-btn{flex:1;text-align:center;min-width:0}}.seo-analyzer-modern{display:none}.header-content{display:flex;align-items:center;justify-content:center;gap:24px;max-width:800px;margin:0 auto}.header-icon{font-size:64px;line-height:1;opacity:.9}.header-text{text-align:left}.analyzer-title{font-size:48px;margin:0 0 12px;background:linear-gradient(135deg,var(--brand) 0%,#6366f1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;line-height:1.1}.analyzer-subtitle{font-size:18px;color:var(--text-muted);margin:0;line-height:1.6}.analyzer-form-card{background:var(--card);border:1px solid var(--card-border);border-radius:20px;padding:32px;margin-bottom:40px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.analyzer-form-card:hover{border-color:#8b5cf64d;box-shadow:0 8px 32px #8b5cf61a}.input-group{display:flex;gap:16px;align-items:stretch}.input-wrapper{flex:1;position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;font-size:20px;color:var(--text-muted);z-index:2}.url-input{width:100%;padding:16px 16px 16px 52px;border:2px solid var(--card-border);border-radius:12px;background:var(--input-bg);color:var(--text);font-size:16px;transition:all .3s ease}.url-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #8b5cf61a}.analyze-btn{padding:16px 32px;background:linear-gradient(135deg,var(--brand) 0%,#6366f1 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;min-width:180px;justify-content:center}.analyze-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf64d}.analyze-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.error-card{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:16px;padding:24px;margin-bottom:32px;display:flex;align-items:flex-start;gap:16px}.error-icon{font-size:24px;line-height:1;margin-top:2px}.error-content h4{color:#ef4444;margin:0 0 8px;font-size:18px;font-weight:600}.error-content p{color:var(--text);margin:0;line-height:1.5}.results-modern{margin-top:40px}.results-header-modern{background:var(--card);border:1px solid var(--card-border);border-radius:20px;padding:32px;margin-bottom:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}.score-section{display:flex;align-items:center;gap:24px}.analysis-summary h3{font-size:24px;margin:0 0 4px;color:var(--text);font-weight:700}.analysis-summary p{font-size:16px;color:var(--text-muted);margin:0}.quick-metrics{display:flex;gap:24px;align-items:center}.metric-item{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;min-width:120px}.metric-icon{font-size:20px;line-height:1}.metric-details{display:flex;flex-direction:column;gap:2px}.metric-label{font-size:12px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.3px}.metric-value{font-size:16px;font-weight:600;color:var(--text)}.download-btn-modern{padding:12px 20px;background:#ffffff0d;border:1px solid var(--card-border);border-radius:12px;color:var(--text);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.download-btn-modern:hover{background:#ffffff14;border-color:#8b5cf64d}.download-options-modern{position:absolute;top:100%;right:0;background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:8px;margin-top:8px;min-width:220px;box-shadow:0 10px 40px #0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000}.download-option-modern{width:100%;padding:12px 16px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;text-align:left}.download-option-modern:hover{background:#8b5cf61a}.option-icon{font-size:18px;line-height:1}.option-content{display:flex;flex-direction:column;gap:2px}.option-title{font-size:14px;font-weight:600;color:var(--text)}.option-desc{font-size:12px;color:var(--text-muted)}.analysis-section{margin-bottom:48px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:24px}.header-left{display:flex;align-items:center;gap:16px}.section-header h3{font-size:28px;margin:0 0 8px;color:var(--text);font-weight:700}.section-header p{font-size:16px;color:var(--text-muted);margin:0;line-height:1.5}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.pro-section{background:linear-gradient(135deg,#8b5cf60d,#6366f10d);border:1px solid rgba(139,92,246,.2);border-radius:20px;padding:32px;margin-bottom:48px}.pro-badge-modern{background:linear-gradient(135deg,var(--brand) 0%,#6366f1 100%);color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.fixes-section{background:linear-gradient(135deg,#fbbf240d,#f59e0b0d);border:1px solid rgba(251,191,36,.2);border-radius:20px;padding:32px}.fix-icon-large{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:16px;box-shadow:0 8px 24px #f59e0b4d}.fixes-count-badge{display:flex;flex-direction:column;align-items:center;padding:16px 20px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:16px;min-width:80px}.count-number{font-size:24px;font-weight:700;color:#f59e0b;line-height:1}.count-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-top:4px}.top-fixes-card-modern{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media (max-width: 768px){.header-content{flex-direction:column;text-align:center;gap:16px}.header-text{text-align:center}.analyzer-title{font-size:36px}.input-group{flex-direction:column}.analyze-btn{min-width:auto}.results-header-modern{flex-direction:column;align-items:stretch;gap:24px}.score-section{flex-direction:column;align-items:center;text-align:center;gap:16px}.quick-metrics{flex-direction:column;gap:12px}.metric-item{min-width:auto;width:100%}.section-header{flex-direction:column;align-items:stretch;gap:16px}.header-left{flex-direction:column;align-items:stretch;gap:12px}.analysis-grid{grid-template-columns:1fr}}.fix-tooltip-portal{pointer-events:auto;animation:tooltipFadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.fix-tooltip-content{width:320px;background:linear-gradient(135deg,var(--bg-card) 0%,#1a1a3a 100%);border:1px solid var(--brand);border-radius:12px;box-shadow:0 12px 32px #00000080,0 0 0 1px #8b5cf64d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.tooltip-arrow{position:absolute;top:100%;right:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--brand);transition:all .2s ease}.tooltip-arrow:before{content:"";position:absolute;top:-9px;left:-8px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--bg-card)}.tooltip-header{background:linear-gradient(135deg,#8b5cf61a,#6366f11a);padding:12px 16px;border-bottom:1px solid rgba(139,92,246,.2);display:flex;align-items:center;gap:8px}.tooltip-icon{font-size:18px;background:linear-gradient(135deg,var(--brand) 0%,#6366f1 100%);width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #8b5cf64d}.tooltip-header h4{margin:0;font-size:14px;font-weight:600;color:var(--text);flex:1}.tooltip-close{background:none;border:none;color:var(--text-muted);font-size:18px;line-height:1;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;margin-left:8px}.tooltip-close:hover{background:#ffffff1a;color:var(--text)}.tooltip-body{padding:16px}.tooltip-body ol{margin:0;padding-left:16px;color:var(--text-muted)}.tooltip-body li{margin-bottom:8px;font-size:13px;line-height:1.4;color:var(--text-muted)}.tooltip-body li:last-child{margin-bottom:0}.tooltip-body li::marker{color:var(--brand);font-weight:600}.fix-item{position:relative}.enhanced-card{z-index:1;position:relative}.grid .enhanced-card{margin:0}.speed-results .grid{margin-top:24px}.api-key-actions{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.api-key-btn,.get-key-btn{padding:10px 16px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.api-key-btn{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.api-key-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.get-key-btn{background:#8b5cf61a;color:var(--brand);border:1px solid rgba(139,92,246,.3)}.get-key-btn:hover{background:#8b5cf626;border-color:var(--brand)}.get-key-btn.small{padding:8px 12px;font-size:12px;margin-top:8px}.api-key-form{margin-top:16px}.api-input-group{display:flex;gap:8px;margin-bottom:16px}.api-key-input{flex:1;padding:12px 16px;border:2px solid rgba(139,92,246,.2);border-radius:8px;background:#8b5cf60d;color:var(--text);font-size:14px;font-family:monospace}.api-key-input:focus{outline:none;border-color:var(--brand);background:#8b5cf614}.api-key-input::placeholder{color:var(--text-muted);font-family:inherit}.clear-key-btn{width:40px;height:40px;border:none;border-radius:8px;background:#ef44441a;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;transition:all .3s ease}.clear-key-btn:hover{background:#ef444433}.api-key-help{background:#8b5cf60d;border:1px solid rgba(139,92,246,.15);border-radius:8px;padding:16px}.api-key-help .help-text{margin:0 0 12px;color:var(--text);font-size:14px}.api-key-help ol{margin:12px 0;padding-left:20px;font-size:13px;color:var(--text-muted);line-height:1.5}.api-key-help ol li{margin-bottom:4px}.api-status{color:#10b981;font-weight:600;font-size:12px}.lighthouse-card{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border:2px solid rgba(59,130,246,.2);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative}.lighthouse-card:hover{border-color:#3b82f666;transform:translateY(-2px);box-shadow:0 12px 40px #3b82f626}.lighthouse-header{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);padding:20px 24px;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(59,130,246,.15)}.lighthouse-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;position:relative;box-shadow:0 4px 16px #3b82f64d}.lighthouse-beacon{position:absolute;top:-2px;right:-2px;width:12px;height:12px;background:#10b981;border-radius:50%;border:2px solid white;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.lighthouse-title{flex:1}.lighthouse-title h4{margin:0 0 4px;color:var(--text-primary);font-size:18px;font-weight:700}.lighthouse-title p{margin:0;color:var(--text-muted);font-size:14px}.lighthouse-status{display:flex;align-items:center;gap:8px;background:#10b9811a;padding:8px 12px;border-radius:20px;border:1px solid rgba(16,185,129,.3)}.status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}.lighthouse-status span{color:#10b981;font-weight:600;font-size:12px}.lighthouse-body{padding:24px}.lighthouse-setup{text-align:center}.metrics-preview{margin-bottom:24px}.preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:300px;margin:0 auto}.metric-preview{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#3b82f60d;border:1px solid rgba(59,130,246,.15);border-radius:12px;transition:all .3s ease}.metric-preview:hover{background:#3b82f614;border-color:#3b82f640}.metric-icon{font-size:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#3b82f61a;border-radius:8px}.metric-preview span{font-size:12px;font-weight:600;color:var(--text);text-align:center}.setup-actions{display:flex;flex-direction:column;gap:12px;align-items:center}.primary-setup-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;padding:14px 24px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 16px #3b82f64d;min-width:200px;justify-content:center}.primary-setup-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.secondary-setup-btn{background:transparent;color:#3b82f6;border:2px solid rgba(59,130,246,.3);padding:12px 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;min-width:180px;justify-content:center}.secondary-setup-btn:hover{background:#3b82f614;border-color:#3b82f680}.api-setup-form{width:100%;max-width:400px;margin:0 auto}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.form-header h5{margin:0;color:var(--text-primary);font-size:16px;font-weight:600}.close-form-btn{background:#ef44441a;color:#ef4444;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;transition:all .3s ease}.close-form-btn:hover{background:#ef444433}.api-input-container{position:relative;margin-bottom:16px}.modern-api-input{width:100%;padding:16px 20px;border:2px solid rgba(59,130,246,.2);border-radius:12px;background:#3b82f60d;color:var(--text);font-size:14px;font-family:SF Mono,Consolas,Monaco,monospace;transition:all .3s ease}.modern-api-input:focus{outline:none;border-color:#3b82f6;background:#3b82f614;box-shadow:0 0 0 3px #3b82f61a}.modern-api-input::placeholder{color:var(--text-muted)}.input-clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#ef44441a;color:#ef4444;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:all .3s ease}.input-clear-btn:hover{background:#ef444433}.form-footer{text-align:center}.guide-link-btn{background:none;border:none;color:#3b82f6;font-size:14px;cursor:pointer;text-decoration:underline;transition:all .3s ease}.guide-link-btn:hover{color:#1d4ed8}.lighthouse-connected{text-align:center}.connection-success{display:flex;align-items:center;gap:16px;padding:20px;background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:16px}.success-icon{font-size:24px;flex-shrink:0}.success-content{flex:1;text-align:left}.success-content h5{margin:0 0 6px;color:#10b981;font-size:16px;font-weight:700}.success-content p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.4}.disconnect-btn{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;flex-shrink:0}.disconnect-btn:hover{background:#ef444426;border-color:#ef444480}@media (max-width: 768px){.lighthouse-header{padding:16px 20px}.lighthouse-body{padding:20px}.preview-grid{grid-template-columns:1fr;gap:12px;max-width:200px}.connection-success{flex-direction:column;text-align:center}.success-content{text-align:center}.primary-setup-btn,.secondary-setup-btn{width:100%}}.top-fixes-card{z-index:2;position:relative}.upgrade-message{text-align:center;padding:8px 0}.upgrade-message p{color:var(--text-muted);margin:0 0 12px;font-size:14px}.upgrade-message ul{list-style:none;padding:0;margin:12px 0;text-align:left}.upgrade-message li{color:var(--text-muted);font-size:13px;position:relative;padding:4px 0 4px 16px}.upgrade-message li:before{content:"•";color:var(--brand);position:absolute;left:0;font-weight:700}.api-setup{background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:8px;padding:12px;margin-top:12px;font-size:13px}.api-setup strong{color:var(--text)}.api-setup code{margin:0 2px}code{background:#8b5cf61a;color:var(--brand-light);padding:2px 6px;border-radius:6px;border:1px solid rgba(139,92,246,.2)}.footer{background:linear-gradient(135deg,var(--bg-card) 0%,#0a0a1a 100%);margin-top:auto;padding:40px 0 20px;color:var(--text-muted)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:30px}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:30px}}.footer-section h3{color:var(--text);margin:0 0 8px;font-size:18px}.footer-section h4{color:var(--text);margin:0 0 12px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.footer-section p{color:var(--text-muted);margin:0;line-height:1.5}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{padding:4px 0;color:var(--text-muted);transition:color .3s ease;cursor:pointer}.footer-section li:hover{color:var(--brand-light)}.footer-brand{display:flex;align-items:center;gap:16px}.footer-logo{display:flex;align-items:center;justify-content:center}.footer-logo-image{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(139,92,246,.3));transition:all .3s ease}.footer-logo-image:hover{transform:scale(1.05);filter:drop-shadow(0 4px 12px rgba(139,92,246,.4))}.footer-bottom{border-top:1px solid var(--glass-border);padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}@media (max-width: 768px){.footer-bottom{flex-direction:column;text-align:center}}.footer-bottom p{margin:0;font-size:14px}.footer-links{display:flex;gap:20px}.footer-links span{font-size:14px;cursor:pointer;transition:color .3s ease}.footer-links span:hover{color:var(--brand-light)}.about-page{width:100%;max-width:1200px;margin:0 auto}.about-hero{text-align:center;padding:60px 0 40px;background:linear-gradient(135deg,#8b5cf60d,#6366f10d);border-radius:20px;margin-bottom:60px;border:1px solid rgba(139,92,246,.1)}.about-hero-content h1{font-size:48px;margin:0 0 16px;background:linear-gradient(135deg,var(--brand) 0%,#6366f1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.hero-subtitle{font-size:20px;color:var(--text-muted);margin:0;line-height:1.6}.about-content{padding:0 20px}.about-section{margin-bottom:80px;background:var(--card);border:1px solid var(--card-border);border-radius:20px;padding:40px 32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.about-section:hover{border-color:var(--brand-light);box-shadow:0 8px 32px #8b5cf61a}.section-header{display:flex;align-items:center;gap:16px;margin-bottom:32px;flex-wrap:wrap}.section-icon{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand) 0%,#6366f1 100%);border-radius:16px;box-shadow:0 8px 24px #8b5cf64d;flex-shrink:0}.section-header h2{font-size:32px;margin:0;color:var(--text);font-weight:700;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3;flex:1;min-width:0}.about-section p{font-size:16px;line-height:1.8;color:var(--text-muted);margin-bottom:24px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:32px}.feature-card{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:32px 24px;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.feature-card:hover{border-color:var(--brand-light);transform:translateY(-4px);box-shadow:0 12px 40px #8b5cf633}.feature-card h3{font-size:20px;margin:0 0 16px;color:var(--text);font-weight:600}.feature-card p{margin:0;font-size:14px;line-height:1.6}.benefits-list{display:flex;flex-direction:column;gap:24px;margin-top:32px}.benefit-item{display:flex;align-items:flex-start;gap:20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:24px;transition:all .3s ease}.benefit-item:hover{border-color:var(--brand);background:#8b5cf60d}.benefit-icon{font-size:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand) 0%,#6366f1 100%);border-radius:12px;flex-shrink:0}.benefit-content h4{font-size:18px;margin:0 0 8px;color:var(--text);font-weight:600}.benefit-content p{margin:0;font-size:14px;line-height:1.6}.audience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:32px}.audience-card{background:linear-gradient(135deg,#8b5cf60d,#6366f10d);border:1px solid rgba(139,92,246,.15);border-radius:16px;padding:28px 24px;text-align:center;transition:all .3s ease}.audience-card:hover{border-color:var(--brand-light);transform:translateY(-2px);box-shadow:0 8px 32px #8b5cf626}.audience-card h3{font-size:18px;margin:0 0 16px;color:var(--text);font-weight:600}.audience-card p{margin:0;font-size:14px;line-height:1.6}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;margin-top:32px}.step{display:flex;flex-direction:column;align-items:center;text-align:center}.step-number{width:64px;height:64px;background:linear-gradient(135deg,var(--brand) 0%,#6366f1 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;margin-bottom:20px;box-shadow:0 8px 24px #8b5cf64d}.step-content h4{font-size:18px;margin:0 0 12px;color:var(--text);font-weight:600}.cta-section{background:linear-gradient(135deg,var(--brand) 0%,#6366f1 100%)!important;border:1px solid var(--brand)!important;border-radius:20px;padding:60px 40px;text-align:center;color:#fff;margin-top:80px}.cta-section:hover{border-color:var(--brand)!important;box-shadow:0 12px 40px #8b5cf64d!important}.cta-content h2{font-size:36px;margin:0 0 16px;font-weight:700}.cta-content p{font-size:18px;margin:0 0 32px;opacity:.9}@media (max-width: 768px){.about-hero-content h1{font-size:32px}.hero-subtitle{font-size:16px}.section-header h2{font-size:24px}.section-icon{width:48px;height:48px;font-size:24px}.features-grid{grid-template-columns:1fr}.process-steps{grid-template-columns:1fr;gap:24px}.audience-grid{grid-template-columns:1fr}.cta-section{padding:40px 24px}.cta-content h2{font-size:28px}}.info-card.upgrade-needed{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.info-card.upgrade-needed h5{color:#fff;margin-bottom:12px}.info-card.upgrade-needed p{color:#ffffffe6}.info-card.upgrade-needed .note{color:#fffc;font-style:italic}.pro-metrics-header{display:flex;align-items:center;justify-content:space-between;margin:32px 0 16px;background:var(--bg-secondary);border-radius:8px;padding:16px;border:1px solid rgba(102,126,234,.2)}.pro-metrics-header h4{margin:0;color:var(--text-primary);font-size:18px;font-weight:600}.pro-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.analysis-grid.pro-metrics{background:var(--bg-primary);border:2px solid;border-image:linear-gradient(135deg,#667eea,#764ba2) 1;border-radius:12px;padding:16px;position:relative}.analysis-grid.pro-metrics:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;z-index:-1;opacity:.1}.analysis-grid.pro-metrics .enhanced-card{background:var(--bg-secondary);border:1px solid rgba(102,126,234,.2)}.analysis-grid.pro-metrics .enhanced-card-header{border-bottom:1px solid rgba(102,126,234,.2)}.analysis-grid.pro-metrics .card-title-content h4{color:var(--text-primary)}.analysis-grid.pro-metrics .card-stats{color:var(--text-muted)}.analysis-grid.pro-metrics .row-key{color:var(--text-primary)}.analysis-grid.pro-metrics .row-value{color:var(--text-secondary)}.fix-item.pro-blurred{filter:blur(3px);opacity:.6;position:relative;pointer-events:none}.fix-item.pro-blurred:after{content:"🔒 Pro Feature";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#667eeae6;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;white-space:nowrap;filter:none;pointer-events:auto}.fix-impact{font-size:12px;color:var(--text-muted)}.fix-btn.pro-locked{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;cursor:not-allowed}.upgrade-prompt-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:12px;margin-top:16px;display:flex;align-items:center;gap:16px}.upgrade-icon{font-size:24px;min-width:32px}.upgrade-content h4{margin:0 0 8px;color:#fff}.upgrade-content p{margin:0 0 12px;color:#ffffffe6;font-size:14px}.upgrade-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:6px;font-weight:600;cursor:not-allowed}.issue-item.pro-blurred{filter:blur(2px);opacity:.7;position:relative}.issue-item.pro-blurred:after{content:"🔒";position:absolute;right:8px;top:50%;transform:translateY(-50%);filter:none;font-size:14px}.issue-tier{font-size:11px;padding:2px 6px;border-radius:4px;background:var(--bg-secondary);color:var(--text-muted);margin-left:auto}.issue-tier.pro{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.issue-item{display:flex;align-items:center;gap:8px;padding:8px 0}.upgrade-prompt-inline{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.2);border-radius:8px;padding:16px;margin-top:12px}.upgrade-prompt-inline strong{color:var(--text-primary)}.upgrade-prompt-inline p{margin:4px 0 0;color:var(--text-muted);font-size:14px}.about-content{padding:0 16px}.docs-page{width:100%;max-width:1400px;margin:0 auto}.docs-header{text-align:center;padding:40px 0;background:linear-gradient(135deg,#8b5cf60d,#6366f10d);border-radius:20px;margin-bottom:40px;border:1px solid rgba(139,92,246,.1)}.docs-header h1{font-size:42px;margin:0 0 12px;background:linear-gradient(135deg,var(--brand) 0%,#6366f1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.docs-header p{font-size:18px;color:var(--text-muted);margin:0;line-height:1.6}.docs-container{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:start}.docs-sidebar{position:sticky;top:20px;background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:fit-content}.sidebar-content h3{margin:0 0 20px;color:var(--text);font-size:18px;font-weight:600}.docs-nav{list-style:none;padding:0;margin:0}.docs-nav li{margin-bottom:8px}.docs-nav-item{width:100%;background:none;border:none;padding:12px 16px;border-radius:10px;text-align:left;color:var(--text-muted);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;font-family:inherit}.docs-nav-item:hover{background:#8b5cf61a;color:var(--text)}.docs-nav-item.active{background:linear-gradient(135deg,var(--brand) 0%,#6366f1 100%);color:#fff;font-weight:600}.nav-icon{font-size:16px}.docs-content{background:var(--card);border:1px solid var(--card-border);border-radius:20px;padding:40px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-height:600px}.doc-section h2{font-size:32px;margin:0 0 32px;color:var(--text);font-weight:700;display:flex;align-items:center;gap:12px}.doc-subsection{margin-bottom:48px}.doc-subsection h3{font-size:24px;margin:0 0 20px;color:var(--text);font-weight:600}.doc-subsection p{font-size:16px;line-height:1.8;color:var(--text-muted);margin-bottom:24px}.step-guide{display:flex;flex-direction:column;gap:24px;margin-top:32px}.step{display:flex;gap:20px;padding:24px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;transition:all .3s ease}.step:hover{border-color:var(--brand);background:#8b5cf60d}.step-number{width:40px;height:40px;background:linear-gradient(135deg,var(--brand) 0%,#6366f1 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0}.step-content h4{font-size:18px;margin:0 0 8px;color:var(--text);font-weight:600}.step-content p{margin:0;font-size:14px;line-height:1.6;color:var(--text-muted)}.score-breakdown{display:flex;flex-direction:column;gap:16px;margin-top:24px}.score-item{display:flex;align-items:center;gap:20px;padding:20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px}.score-range{padding:8px 16px;border-radius:20px;font-weight:700;font-size:14px;text-align:center;min-width:80px}.score-range.good{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.score-range.ok{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.score-range.bad{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.score-desc h4{margin:0 0 4px;font-size:16px;color:var(--text)}.score-desc p{margin:0;font-size:14px;color:var(--text-muted)}.report-areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px}.area-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.area-card:hover{border-color:var(--brand);background:#8b5cf60d}.area-card h4{margin:0 0 8px;font-size:16px;color:var(--text);font-weight:600}.area-card p{margin:0;font-size:13px;color:var(--text-muted);line-height:1.5}.practice-item{margin-bottom:40px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:32px;transition:all .3s ease}.practice-item:hover{border-color:var(--brand);background:#8b5cf60d}.practice-item h4{font-size:20px;margin:0 0 16px;color:var(--text);font-weight:600}.practice-content p{margin-bottom:16px}.practice-content ul{margin:16px 0;padding-left:20px}.practice-content li{margin-bottom:8px;color:var(--text-muted);line-height:1.6}.code-example{background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:8px;padding:16px;margin:16px 0;font-family:Monaco,Menlo,monospace}.code-example code{background:none;border:none;padding:0;color:var(--text);font-size:13px;line-height:1.5}.practice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:32px}.practice-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:24px;transition:all .3s ease}.practice-card:hover{border-color:var(--brand);background:#8b5cf60d}.practice-card h4{font-size:18px;margin:0 0 16px;color:var(--text);font-weight:600}.practice-card ul{margin:0;padding-left:20px}.practice-card li{margin-bottom:8px;color:var(--text-muted);font-size:14px;line-height:1.6}.issue-item{margin-bottom:32px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;transition:all .3s ease}.issue-item:hover{border-color:var(--brand);box-shadow:0 8px 32px #8b5cf61a}.issue-header{background:linear-gradient(135deg,#8b5cf60d,#6366f10d);padding:20px 32px;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;gap:16px}.issue-priority{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.issue-priority.high{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.issue-priority.medium{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.issue-priority.low{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.issue-header h4{margin:0;font-size:18px;color:var(--text);font-weight:600}.issue-content{padding:32px}.issue-content p{margin-bottom:20px}.fix-steps h5{font-size:16px;margin:0 0 12px;color:var(--text);font-weight:600}.fix-steps ol{margin:0 0 24px;padding-left:20px}.fix-steps li{margin-bottom:8px;color:var(--text-muted);line-height:1.6}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.before h6,.after h6{margin:0 0 8px;font-size:14px;font-weight:600}.before h6{color:#ef4444}.after h6{color:#10b981}.technical-issues{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:32px}.tech-issue{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:24px;transition:all .3s ease}.tech-issue:hover{border-color:var(--brand);background:#8b5cf60d}.tech-issue h4{margin:0 0 12px;font-size:16px;color:var(--text);font-weight:600}.tech-issue p{margin:0;font-size:14px;color:var(--text-muted);line-height:1.6}.glossary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:32px}.glossary-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:24px;transition:all .3s ease}.glossary-item:hover{border-color:var(--brand);background:#8b5cf60d;transform:translateY(-2px)}.glossary-item h4{margin:0 0 12px;font-size:16px;color:var(--text);font-weight:600}.glossary-item p{margin:0;font-size:14px;color:var(--text-muted);line-height:1.6}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:32px}.metric-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:24px;transition:all .3s ease}.metric-item h4{margin:0 0 12px;font-size:16px;color:var(--text);font-weight:600}.metric-item p{margin:0;font-size:14px;color:var(--text-muted);line-height:1.6}.cta-box{background:linear-gradient(135deg,var(--brand) 0%,#6366f1 100%);border-radius:16px;padding:32px;text-align:center;color:#fff;margin-top:40px}.cta-box h3{margin:0 0 8px;font-size:24px;font-weight:700}.cta-box p{margin:0 0 24px;opacity:.9;font-size:16px}.cta-box .cta-button{background:#fff;color:var(--brand-dark);border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.cta-box .cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}@media (max-width: 1024px){.docs-container{grid-template-columns:1fr;gap:24px}.docs-sidebar{position:static;order:2}.docs-nav{display:flex;flex-wrap:wrap;gap:8px}.docs-nav li{margin-bottom:0}.docs-nav-item{padding:8px 12px;font-size:13px}}@media (max-width: 768px){.docs-header h1{font-size:32px}.docs-header p{font-size:16px}.docs-content{padding:24px}.doc-section h2{font-size:24px}.before-after{grid-template-columns:1fr}.step{flex-direction:column;text-align:center}.step-number{align-self:center}}.contact-page{width:100%;max-width:1400px;margin:0 auto}.contact-header{text-align:center;padding:40px 0;background:linear-gradient(135deg,#8b5cf60d,#6366f10d);border-radius:20px;margin-bottom:40px;border:1px solid rgba(139,92,246,.1)}.contact-header h1{font-size:42px;margin:0 0 12px;background:linear-gradient(135deg,var(--brand) 0%,#6366f1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.contact-header p{font-size:18px;color:var(--text-muted);margin:0;line-height:1.6}.contact-container{display:flex;flex-direction:column;gap:60px}.contact-content{display:flex;justify-content:center;align-items:flex-start}.centered-form{max-width:700px;width:100%}.contact-form-section{background:var(--card);border:1px solid var(--card-border);border-radius:20px;padding:40px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.contact-form-section:hover{border-color:var(--brand-light);box-shadow:0 8px 32px #8b5cf61a}.form-header h2{font-size:28px;margin:0 0 8px;color:var(--text);font-weight:700}.form-header p{color:var(--text-muted);margin:0 0 32px;line-height:1.6}.contact-form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:1px solid var(--border);border-radius:10px;background:var(--glass-bg);color:var(--text);font-size:14px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #8b5cf61a}.form-group textarea{resize:vertical;min-height:120px}.form-group select option{background:var(--bg-card);color:var(--text)}.submit-button{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #8b5cf64d}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.submit-button:disabled{opacity:.7;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.form-success,.form-error{display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;margin-top:16px}.form-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.form-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.form-success h4,.form-error h4{margin:0 0 4px;font-size:16px;font-weight:600}.form-success p,.form-error p{margin:0;font-size:14px;opacity:.9}.faq-section{background:var(--card);border:1px solid var(--card-border);border-radius:20px;padding:40px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.faq-section h2{font-size:32px;margin:0 0 8px;color:var(--text);font-weight:700;text-align:center}.faq-section>p{text-align:center;color:var(--text-muted);margin:0 0 40px;font-size:16px}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.faq-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:24px;transition:all .3s ease}.faq-item:hover{border-color:var(--brand);background:#8b5cf60d;transform:translateY(-2px)}.faq-item h4{margin:0 0 12px;font-size:16px;color:var(--text);font-weight:600;line-height:1.4}.faq-item p{margin:0;font-size:14px;color:var(--text-muted);line-height:1.6}@media (max-width: 768px){.contact-header h1{font-size:32px}.contact-header p{font-size:16px}.contact-form-section,.faq-section{padding:24px}.form-row,.faq-grid{grid-template-columns:1fr;gap:16px}.centered-form{max-width:100%}}@media (max-width: 480px){.contact-container{gap:40px}.form-header h2{font-size:24px}.faq-section h2{font-size:28px}.submit-button{padding:14px 24px;font-size:14px}}.broken-links-section{margin-top:16px;padding:16px;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:8px}.broken-links-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(239,68,68,.2)}.broken-links-icon{font-size:16px}.broken-links-title{font-weight:600;color:#ef4444;font-size:14px}.broken-link-item{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.broken-link-item:last-child{border-bottom:none;padding-bottom:0}.broken-link-url{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px}.link-number{color:#ef4444;font-weight:600;font-size:13px;min-width:20px}.link-url{color:var(--text);font-size:13px;font-weight:500;word-break:break-all;flex:1}.broken-link-status{display:flex;align-items:center;gap:8px}.status-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-error{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.error-detail{color:var(--text-muted);font-size:11px;font-style:italic}.footer-link{background:none;border:none;color:var(--text-muted);padding:0;font-size:inherit;font-family:inherit;cursor:pointer;transition:color .3s ease}.footer-link:hover{color:var(--brand-light)}.seo-guide-header{text-align:center;padding:40px 0;background:linear-gradient(135deg,#8b5cf60d,#6366f10d);border-radius:20px;margin-bottom:40px;border:1px solid rgba(139,92,246,.1)}.seo-guide-header h1{font-size:42px;margin:0 0 16px;background:linear-gradient(135deg,var(--brand) 0%,#6366f1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.guide-intro{font-size:18px;color:var(--text-muted);line-height:1.6;max-width:800px;margin:0 auto}.seo-guide-content{padding:0 20px}.guide-section{margin-bottom:60px;background:var(--card);border:1px solid var(--card-border);border-radius:20px;padding:40px 32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.guide-section:hover{border-color:var(--brand-light);box-shadow:0 8px 32px #8b5cf61a}.best-practice{margin-bottom:40px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:32px;transition:all .3s ease}.best-practice:hover{border-color:var(--brand);background:#8b5cf60d}.best-practice h3{font-size:24px;margin:0 0 16px;color:var(--text);font-weight:600;display:flex;align-items:center;gap:12px}.practice-content p{font-size:16px;line-height:1.8;color:var(--text-muted);margin-bottom:24px;word-wrap:break-word;overflow-wrap:break-word}.practice-content strong{color:var(--text);font-weight:600}.practice-steps{margin:24px 0}.practice-steps h4,.optimization-tips h4,.keyword-strategy h4,.content-structure h4{font-size:18px;margin:0 0 16px;color:var(--text);font-weight:600}.practice-steps ul,.optimization-tips ul,.keyword-strategy ul,.content-structure ul{margin:0;padding-left:20px}.practice-steps li,.optimization-tips li,.keyword-strategy li,.content-structure li{margin-bottom:12px;color:var(--text-muted);line-height:1.6;font-size:15px;word-wrap:break-word;overflow-wrap:break-word}.practice-steps li strong,.optimization-tips li strong,.keyword-strategy li strong,.content-structure li strong{color:var(--text)}.code-example{background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:12px;padding:20px;margin:20px 0;overflow-x:auto;width:100%;box-sizing:border-box}.code-example h4{margin:0 0 12px;font-size:14px;color:var(--text);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.code-example pre{margin:0;font-family:Monaco,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;overflow-x:auto;width:100%;max-width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.code-example code{background:none;border:none;padding:0;color:var(--text);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;display:block;width:100%;max-width:100%}.tools-grid,.checklist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:24px}.tool-category,.checklist-column{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:24px;transition:all .3s ease}.tool-category:hover,.checklist-column:hover{border-color:var(--brand);background:#8b5cf60d}.tool-category h4,.checklist-column h4{margin:0 0 16px;font-size:18px;color:var(--text);font-weight:600}.tool-category ul,.checklist-column ul{margin:0;padding-left:20px}.tool-category li,.checklist-column li{margin-bottom:12px;color:var(--text-muted);line-height:1.6;font-size:14px}.tool-category li strong,.checklist-column li strong{color:var(--text)}.action-section{background:linear-gradient(135deg,#8b5cf61a,#6366f11a)!important;border:1px solid var(--brand)!important}.action-checklist{list-style:none;padding:0;margin:0}.action-checklist li{padding:8px 0;color:var(--text-muted);font-size:14px;line-height:1.6;display:flex;align-items:flex-start;gap:8px}.action-checklist li:before{content:"✓";color:var(--brand);font-weight:700;margin-top:2px}.guide-cta{background:linear-gradient(135deg,var(--brand) 0%,#6366f1 100%);border-radius:20px;padding:60px 40px;text-align:center;color:#fff;margin-top:60px;box-shadow:0 12px 40px #8b5cf64d}.cta-content h3{font-size:32px;margin:0 0 16px;font-weight:700}.cta-content p{font-size:18px;margin:0 0 32px;opacity:.9;line-height:1.6}.cta-button{background:#fff;color:var(--brand-dark);border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0003}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}@media (max-width: 768px){.seo-guide-header{padding:32px 16px;margin-bottom:32px;border-radius:16px}.seo-guide-header h1{font-size:28px;margin-bottom:12px;word-wrap:break-word;overflow-wrap:break-word}.guide-intro{font-size:15px;line-height:1.5;padding:0 12px}.seo-guide-content{padding:0 12px}.guide-section{padding:24px 16px;margin-bottom:32px;border-radius:16px}.section-header h2{font-size:22px;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}.best-practice{padding:20px 16px;margin-bottom:24px;border-radius:12px}.best-practice h3{font-size:18px;line-height:1.4;flex-direction:column;align-items:flex-start;gap:8px}.practice-content p{font-size:15px;line-height:1.6;margin-bottom:16px}.practice-steps h4,.optimization-tips h4,.keyword-strategy h4,.content-structure h4{font-size:16px;margin-bottom:12px}.practice-steps ul,.optimization-tips ul,.keyword-strategy ul,.content-structure ul{padding-left:20px}.practice-steps li,.optimization-tips li,.keyword-strategy li,.content-structure li{font-size:14px;line-height:1.5;margin-bottom:8px}.code-example{margin:16px 0}.code-example pre{padding:12px;font-size:12px;line-height:1.4;overflow-x:auto}.tools-grid,.checklist-grid{grid-template-columns:1fr;gap:16px}.guide-cta{padding:32px 20px;margin:32px 12px;border-radius:16px}.cta-content h3{font-size:24px;line-height:1.3}.cta-content p{font-size:15px;line-height:1.5}.analyze-btn{font-size:15px;padding:12px 24px}}@media (max-width: 480px){.seo-guide-header{padding:24px 12px;margin-bottom:24px;border-radius:12px}.seo-guide-header h1{font-size:24px;line-height:1.2}.guide-intro{font-size:14px;line-height:1.4;padding:0 8px}.seo-guide-content{padding:0 8px}.guide-section{padding:20px 12px;margin-bottom:24px;border-radius:12px}.section-header{flex-direction:column;align-items:flex-start;gap:8px}.section-header h2{font-size:20px;line-height:1.2}.section-icon{font-size:24px}.best-practice{padding:16px 12px;margin-bottom:20px;border-radius:10px}.best-practice h3{font-size:16px;line-height:1.3;margin-bottom:12px}.practice-content p{font-size:14px;line-height:1.5;margin-bottom:12px}.practice-steps h4,.optimization-tips h4,.keyword-strategy h4,.content-structure h4{font-size:15px;margin-bottom:10px}.practice-steps ul,.optimization-tips ul,.keyword-strategy ul,.content-structure ul{padding-left:16px}.practice-steps li,.optimization-tips li,.keyword-strategy li,.content-structure li{font-size:13px;line-height:1.4;margin-bottom:6px}.code-example{margin:12px 0}.code-example h4{font-size:14px}.code-example pre{padding:8px;font-size:11px;line-height:1.3;border-radius:8px}.guide-cta{padding:24px 16px;margin:24px 8px;border-radius:12px}.cta-content h3{font-size:20px;line-height:1.2}.cta-content p{font-size:14px;line-height:1.4}.analyze-btn{font-size:14px;padding:10px 20px;border-radius:8px}}@media (max-width: 768px){html,body{overflow-x:hidden;width:100%;max-width:100vw}*{max-width:100vw!important;box-sizing:border-box!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.card,.guide-section,.best-practice,.seo-guide-header,.seo-guide-content{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;margin-left:12px!important;margin-right:12px!important;padding:16px!important;border-radius:12px!important;box-sizing:border-box!important}h1,h2,h3,h4,h5,h6,p,li,span,div,pre,code{word-wrap:break-word!important;overflow-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;max-width:100%!important}.section-header,.practice-content,.practice-steps,.code-example{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}pre,code{white-space:pre-wrap!important;word-break:break-all!important;overflow-x:auto!important;max-width:calc(100vw - 48px)!important}}@media (max-width: 480px){.card{width:calc(100% - 8px);padding:12px;border-radius:10px;margin:0 auto 16px}.pagespeed-api-card.card{margin:0!important;padding:16px!important;width:100%!important;border-radius:16px!important}}.speed-guide-header{text-align:center;padding:40px 0;background:linear-gradient(135deg,#8b5cf60d,#6366f10d);border-radius:20px;margin-bottom:40px;border:1px solid rgba(139,92,246,.1)}.speed-guide-header h1{font-size:42px;margin:0 0 16px;background:linear-gradient(135deg,var(--brand) 0%,#6366f1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.speed-guide-content{padding:0 20px}.metrics-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:24px}.metric-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:24px;transition:all .3s ease}.metric-item:hover{border-color:var(--brand);background:#8b5cf60d}.metric-item h4{margin:0 0 16px;font-size:18px;color:var(--text);font-weight:600;display:flex;align-items:center;gap:8px}.metric-item ul{margin:0;padding-left:20px}.metric-item li{margin-bottom:8px;color:var(--text-muted);line-height:1.6;font-size:14px}.budget-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:24px}.budget-category{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:24px;transition:all .3s ease}.budget-category:hover{border-color:var(--brand);background:#8b5cf60d}.budget-category h4{margin:0 0 16px;font-size:18px;color:var(--text);font-weight:600;display:flex;align-items:center;gap:8px}@media (max-width: 768px){.speed-guide-header h1{font-size:32px}.speed-guide-content{padding:0 16px}.metrics-breakdown,.budget-grid{grid-template-columns:1fr;gap:20px}}.auth-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.auth-modal{background:var(--card);border:1px solid var(--card-border);border-radius:20px;padding:40px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #8b5cf64d}.auth-header{text-align:center;margin-bottom:32px;position:relative}.auth-close-btn{position:absolute;top:0;right:0;background:none;border:none;font-size:24px;color:var(--text-muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.auth-close-btn:hover{background:#8b5cf61a;color:var(--brand);transform:scale(1.1)}.auth-header h2{font-size:28px;margin:0 0 8px;color:var(--text);font-weight:700}.auth-header p{color:var(--text-muted);margin:0;font-size:16px;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.form-group label{font-weight:600;color:var(--text);font-size:14px}.form-group input{padding:12px 16px;border:1px solid var(--border);border-radius:10px;background:var(--glass-bg);color:var(--text);font-size:14px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:inherit}.form-group input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #8b5cf61a}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:12px;border-radius:8px;font-size:14px;text-align:center}.auth-button{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;border:none;padding:14px 24px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf64d}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.auth-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-switch{text-align:center;margin-bottom:32px}.auth-switch p{color:var(--text-muted);margin:0;font-size:14px}.switch-button{background:none;border:none;color:var(--brand);cursor:pointer;font-weight:600;font-size:14px;text-decoration:underline;padding:0;font-family:inherit}.switch-button:hover{color:var(--brand-light)}.tier-info{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tier-box{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:20px;text-align:center}.tier-box.pro{border-color:var(--brand);background:#8b5cf60d}.tier-box h4{margin:0 0 12px;font-size:16px;color:var(--text);font-weight:600}.tier-box ul{list-style:none;padding:0;margin:0}.tier-box li{font-size:12px;color:var(--text-muted);margin-bottom:6px;padding-left:16px;position:relative}.tier-box li:before{content:"•";color:var(--brand);position:absolute;left:0}.user-nav{display:flex;align-items:center;gap:8px;margin-left:8px;flex-shrink:0;white-space:nowrap}.user-email{font-size:14px;color:#ffffffe6;font-weight:500;font-family:Monaco,Menlo,monospace;padding:8px 12px;display:inline-flex;align-items:center}.login-btn{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:14px;font-weight:500;font-family:inherit}.login-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px)}.logout-btn{background:none!important;color:#ffffffe6!important;border:none!important;padding:8px 12px!important;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;font-family:inherit;position:relative;border-radius:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}.logout-btn:hover{color:#fff!important;background:none!important;transform:none!important}.logout-btn:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:#fff;transition:all .3s ease;transform:translate(-50%)}.logout-btn:hover:after{width:80%}.user-dashboard{max-width:1200px;margin:0 auto;padding:0 20px;width:100%;box-sizing:border-box}.user-dashboard .purple-projects-page{max-width:960px;width:100%;margin:0 auto;box-sizing:border-box}.dashboard-tabs{display:flex;gap:8px;margin:24px 0;border-bottom:1px solid var(--border);padding-bottom:4px}.tab{background:none;border:none;color:var(--text-muted);padding:12px 16px;cursor:pointer;transition:all .3s ease;font-size:15px;font-weight:500;border-radius:8px 8px 0 0;position:relative}.tab:hover{color:var(--text);background:#8b5cf61a}.tab.active{color:var(--brand);background:#8b5cf61a}.tab.active:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:2px;background:var(--brand)}.pro-stats{display:flex;gap:24px;margin-top:16px}.stat{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label{font-size:12px;color:var(--text-muted);margin-top:4px}.projects-section{margin-top:32px;margin-bottom:40px}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.add-project-btn{background:var(--brand-primary);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.add-project-btn:hover{background:var(--brand-dark);transform:translateY(-1px)}.new-project-form{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:24px;margin-bottom:24px}.new-project-form h5{margin:0 0 16px;color:var(--text)}.new-project-form input{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:12px 16px;color:var(--text);font-size:14px;margin-bottom:12px}.new-project-form input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #8b5cf61a}.form-actions{display:flex;gap:12px}.create-btn{background:var(--brand);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500}.cancel-btn{background:none;color:var(--text-muted);border:1px solid var(--border);padding:10px 20px;border-radius:6px;cursor:pointer}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:24px}.project-card{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:20px;transition:all .3s ease}.project-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf626}.project-card h5{margin:0 0 8px;color:var(--text);font-size:16px}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.project-url{color:var(--text-muted);font-size:14px;margin:0;word-break:break-all}.delete-btn{background:none;border:none;color:var(--text-muted);font-size:18px;width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;margin-left:12px}.delete-btn:hover{background:#ef44441a;color:#ef4444;transform:scale(1.1)}.project-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.project-meta span{font-size:12px;color:var(--text-muted)}.scan-btn{background:var(--brand);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;width:100%}.scan-btn:hover{background:var(--brand-dark)}.scan-btn.running{background:#8b5cf61a;color:var(--brand);border:1px solid rgba(139,92,246,.3);cursor:not-allowed}.scan-btn.running:hover{background:#8b5cf61a;transform:none;box-shadow:none}.spinner{display:inline-block;width:12px;height:12px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}.analysis-summary{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;margin:12px 0;display:flex;gap:16px;flex-wrap:wrap}.summary-item{display:flex;flex-direction:column;gap:4px;flex:1;min-width:90px}.summary-label{font-size:12px;color:var(--text-muted);font-weight:500}.summary-value{font-size:16px;font-weight:600}.summary-value.good{color:var(--good)}.summary-value.ok{color:var(--ok)}.summary-value.bad{color:var(--bad)}.project-actions{display:flex;gap:8px;flex-wrap:wrap}.project-actions .scan-btn{flex:1;min-width:120px}.view-report-btn{background:#10b9811a;color:var(--good);border:1px solid rgba(16,185,129,.3);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;white-space:nowrap;transition:all .2s ease}.view-report-btn:hover{background:#10b98126;border-color:#10b98180}.reports-section{max-width:1200px;margin:0 auto 40px;padding:0 20px}.reports-header-section{margin-bottom:32px;text-align:center}.reports-title h4{margin:0 0 8px;font-size:28px;color:var(--text);font-weight:700;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reports-subtitle{color:var(--text-muted);font-size:16px;max-width:500px;margin:0 auto}.loading-reports{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-muted)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(139,92,246,.2);border-top:3px solid var(--brand);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.no-reports{text-align:center;padding:80px 20px;background:var(--card);border:1px solid var(--card-border);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:500px;margin:0 auto}.no-reports-icon{font-size:64px;margin-bottom:16px;opacity:.7}.no-reports h5{color:var(--text);font-size:20px;font-weight:600;margin:0 0 8px}.no-reports p{color:var(--text-muted);margin:0 0 24px;line-height:1.5}.create-report-btn{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px}.create-report-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf64d}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.project-reports-card{background:var(--card);border:1px solid var(--card-border);border-radius:20px;padding:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease;position:relative;overflow:hidden;contain:layout;display:flex;flex-direction:column;min-height:fit-content;height:auto}.report-card-content{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.project-reports-card:hover{transform:translateY(-4px);border-color:#8b5cf666;box-shadow:0 10px 40px #8b5cf61a}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.project-name{margin:0 0 4px;font-size:18px;color:var(--text);font-weight:700}.project-url{color:var(--text-muted);font-size:14px;margin:0;word-break:break-all;max-width:280px}.reports-count-badge{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-light) 100%);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.reports-timeline{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,min-content);gap:16px;width:100%;height:fit-content;flex-shrink:0;overflow:hidden}@media (max-width: 1200px){.reports-timeline{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,min-content)}}@media (max-width: 900px){.reports-timeline{grid-template-columns:1fr;grid-template-rows:repeat(6,min-content);gap:12px}}.report-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;transition:all .3s ease;height:fit-content;min-height:auto;max-height:none;overflow:hidden;box-sizing:border-box}.report-card.latest{background:linear-gradient(135deg,#8b5cf61a,#7c3aed0d);border-color:#8b5cf64d;box-shadow:0 4px 20px #8b5cf61a}.report-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.report-timeline-marker{position:relative;margin-bottom:6px}.latest-indicator{display:inline-block;background:linear-gradient(135deg,var(--good) 0%,#059669 100%);color:#fff;padding:3px 8px;border-radius:8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.report-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:8px}.project-info-inline{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.report-project-name{color:var(--text);font-size:14px;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-project-url{color:var(--text-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-timestamp{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.relative-time{color:var(--text);font-size:13px;font-weight:600;line-height:1.2}.full-time{color:var(--text-muted);font-size:11px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-report-btn.modern{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;border:none;padding:6px 12px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:11px;display:flex;align-items:center;gap:4px;white-space:nowrap;flex-shrink:0}.view-report-btn.modern:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-icon{font-size:14px}.report-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0;width:100%;max-width:100%;overflow:hidden}.metric-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:10px 6px;text-align:center;transition:all .3s ease;position:relative;min-height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;overflow:hidden;min-width:0}.metric-card:hover{background:#ffffff0d;border-color:#ffffff1a}.metric-card.seo:hover{border-color:#8b5cf64d}.metric-card.speed:hover{border-color:#f59e0b4d}.metric-card.issues:hover{border-color:#ef44444d}.metric-icon{font-size:18px;margin-bottom:4px;opacity:.8}.metric-label{font-size:9px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px;display:block;line-height:1}.metric-value{font-size:14px;font-weight:700;line-height:1}.score-display{display:flex;align-items:center;justify-content:center;gap:2px}.score-max{font-size:12px;color:var(--text-muted);font-weight:500}.metric-value.excellent{color:var(--good)}.metric-value.good{color:#22c55e}.metric-value.fair{color:var(--ok)}.metric-value.poor{color:var(--bad)}.metric-value.error{color:var(--bad);font-size:12px}.latest-report-badge{position:absolute;top:-1px;right:12px;background:linear-gradient(135deg,var(--good) 0%,#059669 100%);color:#fff;padding:3px 8px;border-radius:0 0 6px 6px;font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}@media (max-width: 768px){.reports-section{padding:0 12px;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.reports-content{max-width:100%;overflow:hidden}.reports-grid{grid-template-columns:1fr;max-width:100%;padding:0}.project-reports-card{padding:16px 12px;margin:0;max-width:100%;box-sizing:border-box;border-radius:12px}.project-card-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px;box-sizing:border-box}.project-info h5{font-size:18px;margin-bottom:4px;word-wrap:break-word;max-width:100%}.project-info p{font-size:14px;word-wrap:break-word;max-width:100%}.reports-count-badge{font-size:12px;padding:4px 8px}.project-url{max-width:100%;word-break:break-all}.reports-timeline{grid-template-columns:1fr!important;gap:12px}.report-card{border-radius:8px;overflow:hidden;margin-bottom:12px}.report-card-header{flex-direction:column;align-items:flex-start;gap:12px;padding:12px;box-sizing:border-box}.project-info-inline{width:100%;max-width:100%}.report-project-name{font-size:16px!important;margin-bottom:4px!important;color:var(--text);line-height:1.3;word-wrap:break-word;max-width:100%}.report-project-url{font-size:12px!important;color:var(--text-muted);word-break:break-all;line-height:1.2;max-width:100%;overflow-wrap:break-word}.report-timestamp{width:100%;text-align:left;margin:8px 0}.relative-time{font-size:14px!important;color:var(--brand-light);font-weight:600;display:block;margin-bottom:2px}.full-time{font-size:12px!important;color:var(--text-muted);display:block}.view-report-btn.modern{width:100%;padding:10px 16px;font-size:14px;border-radius:6px;margin-top:8px;box-sizing:border-box}.report-metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 0;padding:0 12px 12px;max-width:100%;overflow:hidden;box-sizing:border-box}.metric-card{padding:12px 6px;min-height:85px;border-radius:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);box-sizing:border-box;overflow:hidden;min-width:0;max-width:100%}.metric-icon{font-size:18px;margin-bottom:6px}.metric-label{font-size:10px;margin-bottom:4px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.3px;word-wrap:break-word}.metric-value{font-size:14px;font-weight:700;line-height:1.2;color:var(--text);word-wrap:break-word}.score-display{display:flex;flex-direction:column;align-items:center;gap:2px}.score-max{font-size:10px!important;opacity:.7;color:var(--text-muted)}}@media (max-width: 480px){.reports-section{padding:0 8px}.reports-header-section{margin-bottom:20px}.reports-title h4{font-size:22px;word-wrap:break-word}.reports-subtitle{font-size:13px;line-height:1.4}.project-reports-card{padding:12px 8px;max-width:100%}.project-card-header{gap:10px;margin-bottom:12px}.project-info h5{font-size:16px;margin-bottom:3px}.project-info p{font-size:13px}.reports-count-badge{font-size:11px;padding:3px 6px}.report-card-header{padding:10px;gap:10px}.report-project-name{font-size:14px!important;margin-bottom:3px!important}.report-project-url{font-size:11px!important}.relative-time{font-size:12px!important}.full-time{font-size:10px!important}.view-report-btn.modern{padding:8px 12px;font-size:12px}.report-metrics{grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0 0;padding:0 8px 8px}.metric-card{padding:8px 4px;min-height:70px;border-radius:5px}.metric-icon{font-size:16px;margin-bottom:4px}.metric-label{font-size:9px;margin-bottom:3px;letter-spacing:.2px}.metric-value{font-size:12px;font-weight:700}.score-display{gap:1px}.score-max{font-size:8px!important;opacity:.6}}@media (max-width: 768px){*{max-width:100vw!important;box-sizing:border-box!important}.purple-projects-page{padding:12px!important;width:calc(100% - 24px)!important;max-width:none!important;overflow:hidden!important}.projects-main-card{padding:20px!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.projects-stats{flex-direction:column!important;gap:16px!important;margin-top:24px!important;justify-content:center!important;max-width:100vw!important;overflow:hidden!important;box-sizing:border-box!important}.stat-item{padding:16px!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}.stat-value{font-size:28px!important;word-wrap:break-word!important}.stat-label{font-size:10px!important;word-wrap:break-word!important}.projects-title{font-size:28px!important;line-height:1.3!important;word-wrap:break-word!important;max-width:100%!important;overflow:hidden!important}.projects-subtitle{font-size:16px!important;word-wrap:break-word!important;max-width:100%!important;overflow:hidden!important}.reports-section,.reports-content,.reports-grid,.project-reports-card,.report-card,.report-card-content,.report-card-header,.project-info-inline,.report-timestamp,.report-metrics{max-width:100vw!important;width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.report-project-url,.report-project-name{word-break:break-all!important;overflow-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;max-width:100%!important}.metric-card{min-width:0!important;max-width:100%!important;flex-shrink:1!important;overflow:hidden!important;word-wrap:break-word!important}.metric-label,.metric-value{word-wrap:break-word!important;overflow-wrap:break-word!important;max-width:100%!important}}.project-stats-row{overflow:hidden!important;box-sizing:border-box!important}.project-stat{min-width:0!important;max-width:calc(33.333% - 8px)!important;overflow:hidden!important;box-sizing:border-box!important}.stat-circle{flex-shrink:0!important;overflow:hidden!important;box-sizing:border-box!important;max-width:44px!important;max-height:44px!important}.purple-project-card,.project-card-body{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.no-report{text-align:center;padding:20px;color:var(--text-muted);background:#ffffff05;border-radius:12px}.report-detail-section{margin-bottom:40px}.report-detail-header{margin-bottom:24px}.back-btn{background:transparent;color:var(--brand);border:1px solid rgba(139,92,246,.3);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;margin-bottom:16px;transition:all .2s ease}.back-btn:hover{background:#8b5cf61a;border-color:#8b5cf680}.report-detail-header h4{margin:0 0 8px;font-size:24px;color:var(--text);font-weight:600}.report-detail-url{color:var(--text-muted);font-size:16px;margin:0 0 4px;word-break:break-all}.report-detail-date{color:var(--text-muted);font-size:14px;margin:0}.report-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.report-section{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.report-section h5{margin:0 0 16px;font-size:18px;color:var(--text);font-weight:600}.section-score{text-align:center;margin-bottom:20px}.main-score{font-size:32px;font-weight:700;padding:16px 24px;border-radius:12px;display:inline-block}.main-score.good{color:var(--good);background:#10b9811a;border:2px solid rgba(16,185,129,.3)}.main-score.ok{color:var(--ok);background:#f59e0b1a;border:2px solid rgba(245,158,11,.3)}.main-score.bad{color:var(--bad);background:#ef44441a;border:2px solid rgba(239,68,68,.3)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.detail-value{font-size:14px;font-weight:600}.detail-value.good{color:var(--good)}.detail-value.ok{color:var(--ok)}.detail-value.bad{color:var(--bad)}.recommendations,.opportunities{background:#ffffff05;border-radius:8px;padding:16px}.recommendations h6,.opportunities h6{margin:0 0 12px;font-size:14px;color:var(--text);font-weight:600}.recommendations ul,.opportunities ul{margin:0;padding-left:16px;color:var(--text-muted)}.recommendations li,.opportunities li{margin-bottom:8px;line-height:1.4}.analysis-section{margin-bottom:40px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--card-border)}.section-header h3{margin:0;font-size:24px;color:var(--text);font-weight:600}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.issues-section,.opportunities-section{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-top:24px}.issues-section h4,.opportunities-section h4{margin:0 0 16px;font-size:18px;color:var(--text);font-weight:600}.issues-list{display:flex;flex-direction:column;gap:12px}.issue-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:8px}.issue-priority{background:var(--bad);color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.issue-text{color:var(--text);line-height:1.4}.opportunities-list{display:flex;flex-direction:column;gap:16px}.opportunity-item{padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px}.opportunity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.opportunity-title{font-weight:600;color:var(--text)}.opportunity-savings{background:#10b9811a;color:var(--good);padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.opportunity-description{margin:0;color:var(--text-muted);font-size:14px;line-height:1.4}.speed-badge,.error-badge{display:flex;align-items:center}.error-text{padding:8px 16px;border-radius:12px;font-size:16px;font-weight:600;background:#ef44441a;color:var(--bad);border:1px solid rgba(239,68,68,.3)}.error-message{margin-top:16px;padding:16px;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:8px}.error-message p{margin:0;color:var(--text-muted)}.speed-time{padding:8px 16px;border-radius:12px;font-size:16px;font-weight:600}.speed-time.good{background:#10b9811a;color:var(--good);border:1px solid rgba(16,185,129,.3)}.speed-time.ok{background:#f59e0b1a;color:var(--ok);border:1px solid rgba(245,158,11,.3)}.speed-time.bad{background:#ef44441a;color:var(--bad);border:1px solid rgba(239,68,68,.3)}.info-section{margin-top:24px}.info-card{background:#6366f10d;border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:20px}.info-card h5{margin:0 0 12px;color:#6366f1;font-size:16px;font-weight:600}.info-card p{margin:0 0 8px;color:var(--text);line-height:1.5}.info-card .note{color:var(--text-muted);font-size:13px;font-style:italic;margin:0}.no-projects{grid-column:1 / -1;text-align:center;padding:40px;color:var(--text-muted)}.analytics-section{margin-top:32px}.analytics-placeholder{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:40px;text-align:center;color:var(--text-muted)}.analytics-placeholder ul{text-align:left;max-width:300px;margin:16px auto 0}.analytics-placeholder li{margin:8px 0}.welcome-section{margin-bottom:40px}.welcome-card{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.welcome-card.pro{border-color:var(--brand);background:#8b5cf60d}.welcome-content{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:2;gap:32px}.welcome-left{display:flex;flex-direction:column;gap:16px;flex:1}.welcome-right{display:flex;align-items:flex-start;flex-shrink:0}.user-info h3{margin:0 0 8px;font-size:24px;color:var(--text);font-weight:600}.tier-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tier-badge.free{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.tier-badge.pro{background:linear-gradient(135deg,#10b98126,#22c55e1a);color:var(--good);border:1px solid rgba(16,185,129,.3)}.welcome-text{display:flex;flex-direction:column;gap:12px}.greeting{display:flex;align-items:center;gap:12px}.wave-emoji{font-size:28px;animation:wave 2s ease-in-out infinite}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-10deg)}}.greeting h2{margin:0;font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--text) 0%,var(--brand-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-info-section{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.username{font-size:18px;font-weight:500;color:var(--text-muted);letter-spacing:.5px}.tier-icon{font-size:16px}.welcome-actions{display:flex;align-items:center}.logout-button{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);padding:12px 20px;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;font-family:inherit;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;align-self:flex-start}.logout-button:hover{background:#ef444433;border-color:#ef444499;transform:translateY(-1px);box-shadow:0 4px 12px #ef444433}.logout-button:active{transform:translateY(0)}.logout-icon{font-size:16px;opacity:.8}.welcome-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.upgrade-button-small{background:linear-gradient(135deg,#8b5cf61a,#ec48991a);color:var(--brand);border:1px solid rgba(139,92,246,.3);padding:12px 20px;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;font-family:inherit;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;align-self:flex-start}.upgrade-button-small:hover{background:linear-gradient(135deg,#8b5cf633,#ec489933);border-color:#8b5cf699;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf633}.upgrade-button-small:active{transform:translateY(0)}@media (max-width: 768px){.welcome-right{gap:.5rem;justify-content:center;width:100%}.upgrade-button-small,.logout-button{flex:1;min-width:0;justify-content:center}.upgrade-button-small span,.logout-button span:not(.logout-icon){display:block}}@media (max-width: 480px){.welcome-right{flex-direction:column;gap:.5rem;width:100%}.upgrade-button-small,.logout-button{width:100%;justify-content:center}}.usage-section{margin-bottom:40px}.usage-section h4{margin:0 0 16px;font-size:20px;color:var(--text);font-weight:600}.usage-card{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.usage-card.pro{border-color:var(--brand);background:#8b5cf60d}.usage-info{display:flex;align-items:center;gap:16px;margin-bottom:16px}.usage-count{font-size:32px;font-weight:700;color:var(--text)}.usage-label{color:var(--text-muted);font-size:14px}.usage-bar{background:#ffffff1a;border-radius:8px;height:8px;overflow:hidden;margin-bottom:12px}.usage-progress{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);height:100%;border-radius:8px;transition:width .3s ease}.usage-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#f59e0b;padding:12px;border-radius:8px;font-size:14px;text-align:center;font-weight:500}.upgrade-section{margin-bottom:40px}.upgrade-card{background:linear-gradient(135deg,#8b5cf61a,#6366f11a);border:1px solid var(--brand);border-radius:20px;padding:32px;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.upgrade-card h4{margin:0 0 24px;font-size:24px;color:var(--text);font-weight:700}.pro-features ul{list-style:none;padding:0;text-align:left;max-width:400px;margin:0 auto 32px}.pro-features li{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:var(--text-muted);font-size:15px;line-height:1.5}.upgrade-button{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:16px;box-shadow:0 4px 12px #8b5cf64d}.upgrade-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.upgrade-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.upgrade-note{color:var(--text-muted);font-size:14px;margin:0;font-style:italic}.pro-benefits-section{margin-bottom:40px}.pro-benefits-card{background:linear-gradient(135deg,#10b9810d,#22c55e08);border:1px solid rgba(16,185,129,.2);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.pro-benefits-card h4{margin:0 0 24px;font-size:20px;color:var(--good);font-weight:600;text-align:center}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.benefit-item{display:flex;gap:12px;align-items:flex-start}.benefit-icon{font-size:24px;background:#10b9811a;padding:8px;border-radius:8px;border:1px solid rgba(16,185,129,.2);flex-shrink:0}.benefit-text h5{margin:0 0 4px;font-size:16px;color:var(--text);font-weight:600}.benefit-text p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.4}.project-benefit .benefit-text{width:100%}.project-header-inline{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.project-header-inline h5{margin:0;font-size:16px;color:var(--text);font-weight:600}.delete-btn-inline{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px 8px;border-radius:4px;font-size:18px;line-height:1;transition:all .2s ease}.delete-btn-inline:hover{background:#ef44441a;color:#ef4444}.project-url-inline{margin:0 0 8px;color:var(--text-muted);font-size:13px;line-height:1.3;word-break:break-all}.project-meta-inline{display:flex;flex-direction:column;gap:2px;margin-bottom:12px;font-size:12px;color:var(--text-muted)}.project-stats-inline{display:flex;gap:16px;margin-bottom:12px;flex-wrap:wrap}.stat-inline{display:flex;align-items:center;gap:4px}.stat-label-inline{font-size:12px;color:var(--text-muted);font-weight:500}.stat-value-inline{font-size:12px;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--card-bg);border:1px solid var(--border)}.stat-value-inline.good{background:#10b9811a;border-color:#10b9814d;color:var(--good)}.stat-value-inline.ok{background:#f59e0b1a;border-color:#f59e0b4d;color:var(--warning)}.stat-value-inline.bad,.stat-value-inline.error{background:#ef44441a;border-color:#ef44444d;color:var(--bad)}.project-actions-inline{display:flex;gap:8px;flex-wrap:wrap}.project-actions-inline .btn-secondary,.project-actions-inline .btn-outline{font-size:12px;padding:6px 12px;display:flex;align-items:center;gap:4px}.spinner-small{display:inline-block;width:12px;height:12px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.pro-status{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:#10b98114;border-radius:12px;border:1px solid rgba(16,185,129,.15)}.status-indicator{font-size:12px}.status-text{color:var(--good);font-weight:600;font-size:14px}.recent-activity{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.recent-activity h4{margin:0 0 20px;font-size:20px;color:var(--text);font-weight:600}.activity-placeholder{text-align:center;padding:40px 20px;color:var(--text-muted)}.activity-placeholder p{margin:0 0 8px;font-size:16px;line-height:1.5}.loading{text-align:center;padding:40px;color:var(--text-muted);font-size:16px}@media (max-width: 768px){.auth-modal{padding:24px;margin:20px}.tier-info{grid-template-columns:1fr;gap:12px}.welcome-card{padding:24px 20px}.welcome-content{flex-direction:column;gap:24px;align-items:stretch}.welcome-left{text-align:center;align-items:center}.welcome-right{align-items:center;justify-content:center}.user-info-section{flex-direction:column;gap:12px;align-items:center}.greeting h2{font-size:24px}.username{font-size:16px}.logout-button{align-self:stretch;justify-content:center}.benefits-grid{grid-template-columns:1fr;gap:16px}.pro-benefits-card{padding:20px}.project-actions{flex-direction:column;gap:8px}.project-actions .scan-btn{min-width:auto}.report-sections,.detail-grid{grid-template-columns:1fr}.report-header{flex-direction:column;align-items:flex-start;gap:12px}.report-scores{flex-direction:column;gap:16px}.analysis-grid{grid-template-columns:1fr;gap:16px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.opportunity-header{flex-direction:column;align-items:flex-start;gap:8px}.user-nav{flex-direction:column;gap:8px;margin-left:0}.user-dashboard{padding:0 16px;max-width:none;width:calc(100vw - 32px)}.user-dashboard .purple-projects-page{width:100%;max-width:none;padding:8px;margin:0}.pro-stats{flex-direction:column;gap:16px;align-items:center}.stat{width:100%;max-width:200px}.pro-features ul{text-align:center}.pro-features li{justify-content:center}}.pagespeed-api-card.card{margin:0!important;background:linear-gradient(135deg,var(--card) 0%,rgba(139,92,246,.03) 100%);border:1px solid var(--card-border);border-radius:16px!important;padding:24px!important;overflow:hidden;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-sizing:border-box!important}.pagespeed-api-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand) 0%,#6366f1 50%,#8b5cf6 100%)}.pagespeed-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--glass-border)}.header-main{display:flex;align-items:flex-start;gap:16px}.header-icon{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--brand) 0%,#6366f1 100%);border-radius:12px;box-shadow:0 4px 12px #8b5cf64d}.header-icon .main-icon{font-size:24px;z-index:2}.lighthouse-beacon{position:absolute;width:20px;height:20px;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 70%);border-radius:50%;animation:lighthouse-pulse 2s ease-in-out infinite}@keyframes lighthouse-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.header-content h4{margin:0 0 6px;color:var(--text);font-size:20px;font-weight:700}.header-content p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.4}.header-actions{display:flex;align-items:stretch;justify-content:flex-end;gap:12px;flex-wrap:wrap}.api-status-badge .status-badge{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;height:34px;box-sizing:border-box;line-height:1}.status-badge.connected{background:#10b9811a;color:var(--good);border:1px solid rgba(16,185,129,.3)}.status-badge.disconnected{background:#f59e0b1a;color:var(--ok);border:1px solid rgba(245,158,11,.3)}.status-badge .status-dot{width:8px;height:8px;border-radius:50%;animation:status-pulse 2s ease-in-out infinite}.status-badge.connected .status-dot{background:var(--good)}.status-badge.disconnected .status-dot{background:var(--ok)}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.5}}.help-trigger{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);padding:8px 16px;border-radius:8px;font-size:13px;height:34px;box-sizing:border-box;line-height:1;cursor:pointer;transition:all .2s ease}.help-trigger:hover{background:var(--card);color:var(--brand);border-color:var(--brand);transform:translateY(-1px)}.help-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--brand);color:#fff;border-radius:50%;font-size:11px;font-weight:700}.pagespeed-content,.connected-state{display:flex;flex-direction:column;gap:24px}.success-message{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:12px}.success-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--good);border-radius:50%;flex-shrink:0}.success-icon .checkmark{color:#fff;font-size:18px;font-weight:700}.success-text h5{margin:0 0 6px;color:var(--text);font-size:16px;font-weight:600}.success-text p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.5}.setup-state{display:flex;flex-direction:column;gap:24px}.setup-intro .intro-content h5{margin:0 0 12px;color:var(--text);font-size:18px;font-weight:600}.setup-intro .intro-content p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:20px 0}.feature-item{display:flex;align-items:center;gap:16px;padding:20px;border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.feature-item.active{background:#10b9810d;border:1px solid rgba(16,185,129,.2)}.feature-item.preview{background:var(--glass-bg);border:1px solid var(--glass-border);opacity:.7}.feature-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;font-size:20px;flex-shrink:0}.feature-item.active .feature-icon{background:#10b9811a}.feature-item.preview .feature-icon{background:#8b5cf61a}.feature-text{flex:1;display:flex;flex-direction:column;gap:4px}.feature-text strong{color:var(--text);font-size:14px;font-weight:600}.feature-text span{color:var(--text-muted);font-size:13px;line-height:1.4}.feature-lock{position:absolute;top:12px;right:12px;font-size:16px;opacity:.6}.key-info{margin:16px 0}.key-display{display:flex;align-items:center;gap:12px;padding:16px;background:var(--glass-bg);border-radius:10px;border:1px solid var(--glass-border)}.key-label{color:var(--text-muted);font-size:14px;font-weight:500}.masked-key{background:#8b5cf61a;color:var(--brand-light);padding:6px 12px;border-radius:6px;font-family:Courier New,monospace;font-size:13px;font-weight:500}.management-actions,.setup-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.btn-primary,.btn-secondary,.btn-danger,.btn-outline{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;text-decoration:none}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dark);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-primary.large{padding:16px 24px;font-size:16px;font-weight:600}.btn-secondary{background:var(--glass-bg);color:var(--text);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--card);border-color:var(--brand);color:var(--brand)}.btn-danger{background:#ef44441a;color:var(--bad);border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:#ef444433;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text-muted);border:1px solid var(--glass-border)}.btn-outline:hover{background:var(--glass-bg);color:var(--text);border-color:var(--brand)}.api-key-status{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500}.status-connected{background:#10b9811a;color:var(--good);border:1px solid rgba(16,185,129,.3)}.status-disconnected{background:#94a3b81a;color:var(--text-muted);border:1px solid var(--glass-border)}.api-key-body{padding:20px}.api-key-connected .connected-info{margin-bottom:20px}.key-display{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px;background:var(--glass-bg);border-radius:8px;border:1px solid var(--glass-border)}.key-label{color:var(--text-muted);font-size:14px}.masked-key{background:#8b5cf61a;color:var(--brand-light);padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:14px}.connection-benefits{display:flex;flex-wrap:wrap;gap:16px}.benefit-item{display:flex;align-items:center;gap:8px;color:var(--text);font-size:14px}.benefit-icon{font-size:16px}.api-key-actions{display:flex;gap:12px;flex-wrap:wrap}.update-api-btn,.remove-api-btn,.setup-api-btn,.guide-btn{padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.setup-api-btn{background:var(--brand);color:#fff;border:none;display:flex;align-items:center;gap:8px}.setup-api-btn:hover{background:var(--brand-dark)}.update-api-btn{background:var(--glass-bg);color:var(--text);border:1px solid var(--glass-border)}.update-api-btn:hover{background:var(--card);border-color:var(--brand)}.remove-api-btn{background:#ef44441a;color:var(--bad);border:1px solid rgba(239,68,68,.3)}.remove-api-btn:hover{background:#ef444433}.guide-btn{background:var(--glass-bg);color:var(--text-muted);border:1px solid var(--glass-border);display:flex;align-items:center;gap:8px}.guide-btn:hover{color:var(--text);border-color:var(--brand)}.api-key-setup .setup-benefits{margin-bottom:24px}.api-key-setup h6{margin:0 0 16px;color:var(--text);font-size:16px}.api-key-setup .setup-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.setup-benefit{display:flex;gap:12px;padding:16px;background:var(--glass-bg);border-radius:8px;border:1px solid var(--glass-border)}.setup-icon{font-size:20px;flex-shrink:0}.setup-text strong{display:block;color:var(--text);margin-bottom:4px;font-size:14px}.setup-text p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.4}.guide-modal{background:var(--bg-card);border:1px solid var(--card-border);border-radius:16px;max-width:900px;max-height:90vh;margin:5vh auto;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 25px 50px -12px #00000080}.guide-modal .modal-header{padding:24px;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between}.guide-modal .modal-header h2{margin:0;color:var(--text);font-size:24px}.guide-modal .modal-body{max-height:70vh;overflow-y:auto;padding:24px}.guide-content{display:flex;flex-direction:column;gap:32px}.guide-section{display:flex;gap:16px}.section-icon{font-size:24px;flex-shrink:0;margin-top:4px}.section-content h3{margin:0 0 16px;color:var(--text);font-size:20px}.section-content h4{margin:24px 0 12px;color:var(--text);font-size:16px}.section-content p{margin:0 0 16px;color:var(--text-muted);line-height:1.6}.benefits-list{display:flex;flex-direction:column;gap:12px}.benefit{padding:12px;background:var(--glass-bg);border-radius:8px;border:1px solid var(--glass-border);color:var(--text-muted);line-height:1.5}.benefit strong{color:var(--text)}.steps{display:flex;flex-direction:column;gap:16px}.step{display:flex;gap:16px;align-items:flex-start}.step-number{background:var(--brand);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.step-content strong{display:block;color:var(--text);margin-bottom:4px;font-size:16px}.step-content p{margin:0;color:var(--text-muted);line-height:1.5}.step-content a{color:var(--brand-light);text-decoration:none}.step-content a:hover{text-decoration:underline}.quick-link,.guide-modal .modal-footer{padding:24px;border-top:1px solid var(--glass-border);display:flex;justify-content:center}.primary-btn{background:var(--brand);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.primary-btn:hover{background:var(--brand-dark)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.metric{padding:16px;background:var(--glass-bg);border-radius:8px;border:1px solid var(--glass-border)}.metric-name{font-weight:600;color:var(--text);margin-bottom:6px;font-size:14px}.metric-desc{color:var(--text-muted);font-size:13px;margin-bottom:8px;line-height:1.4}.metric-good{color:var(--good);font-size:12px;font-weight:500}.workflow{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center;margin:24px 0}.workflow-step{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:200px;text-align:center}.workflow-icon{font-size:24px}.workflow-text{color:var(--text-muted);font-size:14px;line-height:1.4}.workflow-arrow{font-size:20px;color:var(--brand)}.security-note{display:flex;gap:12px;padding:16px;background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:8px;margin-top:16px}.note-icon{font-size:20px;color:var(--good);flex-shrink:0}.note-content{color:var(--text-muted);line-height:1.5}.note-content strong{color:var(--text)}.faq{display:flex;flex-direction:column;gap:16px}.faq-item{padding:16px;background:var(--glass-bg);border-radius:8px;border:1px solid var(--glass-border)}.faq-item strong{display:block;color:var(--text);margin-bottom:8px}.faq-item p{margin:0;color:var(--text-muted);line-height:1.5}@media (max-width: 768px){.guide-modal{margin:0;border-radius:0;height:100vh;max-height:100vh}.workflow{flex-direction:column}.workflow-arrow{transform:rotate(90deg)}.pagespeed-api-card.card{margin:0!important;padding:20px!important;max-width:100%!important;overflow-x:hidden;box-sizing:border-box!important;width:100%!important}.pagespeed-header{flex-direction:column;gap:16px;align-items:flex-start;padding-bottom:12px}.header-main{gap:12px;width:100%;max-width:100%}.header-content h4{font-size:18px;margin-bottom:4px}.header-content p{font-size:13px;line-height:1.4}.header-actions{flex-direction:row;flex-wrap:wrap;align-items:center;width:100%;gap:12px;justify-content:space-between}.api-status-badge,.help-trigger{flex-shrink:0}.pagespeed-content{gap:16px}.features-grid{grid-template-columns:1fr;gap:12px}.feature-item{padding:16px;flex-direction:row;align-items:center;gap:12px;min-width:0}.feature-text{flex:1;min-width:0}.feature-text strong{font-size:14px;display:block;line-height:1.3}.feature-text span{font-size:12px;display:block;margin-top:2px}.key-display{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.masked-key{width:100%;text-align:left;font-size:14px}.management-actions,.setup-cta{flex-direction:column;gap:8px}.btn-primary.large,.btn-secondary,.btn-danger,.btn-outline{justify-content:center}}.docs-container-wide{max-width:1400px;margin:0 auto;padding:0;color:var(--text);background:var(--bg)}.docs-hero-wide{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 50%,#6366f1 100%);position:relative;overflow:hidden;padding:80px 40px;margin-bottom:0}.docs-hero-wide:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1fr 400px;gap:60px;align-items:center;max-width:1320px;margin:0 auto;position:relative;z-index:1}.hero-content-left{color:#fff}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:8px 16px;font-size:14px;font-weight:500;margin-bottom:24px}.badge-icon{font-size:18px;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{transform:scale(1);filter:drop-shadow(0 0 4px rgba(139,92,246,.4))}50%{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(139,92,246,.6))}}.docs-hero-wide h1{font-size:56px;font-weight:800;line-height:1.1;margin:0 0 24px;color:#fff}.hero-description{font-size:20px;line-height:1.6;color:#ffffffe6;margin:0 0 32px;max-width:600px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.hero-btn-primary,.hero-btn-secondary{padding:16px 24px;border-radius:12px;font-weight:600;font-size:16px;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;text-decoration:none}.hero-btn-primary{background:#fff;color:var(--brand)}.hero-btn-primary:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.hero-btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3)}.hero-btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.hero-visual{position:relative}.api-preview-card{background:#fffffff2;border-radius:16px;padding:24px;box-shadow:0 20px 40px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preview-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.lighthouse-icon{position:relative;font-size:32px}.preview-title h4{margin:0 0 4px;color:var(--text);font-size:14px;font-weight:500}.score-display{font-size:32px;font-weight:800;color:var(--good)}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.metric-preview{text-align:center;padding:12px;background:var(--glass-bg);border-radius:8px}.metric-name{font-size:12px;color:var(--text-muted);font-weight:500}.metric-value{font-size:18px;font-weight:600;margin-top:4px}.metric-value.good{color:var(--good)}.preview-badge{text-align:center;font-size:12px;color:var(--text-muted);font-weight:500}.docs-navigation{background:var(--glass-bg);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-container{max-width:1320px;margin:0 auto;padding:0 40px;display:flex;gap:0}.nav-tab{background:none;border:none;color:var(--text-muted);padding:20px 24px;font-size:16px;font-weight:500;cursor:pointer;position:relative;transition:all .2s ease;display:flex;align-items:center;gap:8px;border-bottom:3px solid transparent}.nav-tab:hover{color:var(--text);background:var(--glass-border)}.nav-tab.active{color:var(--brand);border-bottom-color:var(--brand)}.nav-icon{font-size:18px}.docs-content-wide{max-width:1320px;margin:0 auto;padding:60px 40px}.tab-content{min-height:600px}.content-grid{display:grid;grid-template-columns:1fr 300px;gap:60px}.intro-section{margin-bottom:48px}.intro-section h2{font-size:40px;font-weight:700;margin:0 0 16px;color:var(--text)}.intro-text{font-size:18px;line-height:1.7;color:var(--text-muted);margin:0}.comparison-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:48px}.comparison-card{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.comparison-card.premium{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);border-color:transparent}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.card-icon{font-size:24px;margin-right:12px}.card-header h3{font-size:20px;font-weight:600;margin:0;color:var(--text)}.card-badge{background:var(--glass-bg);color:var(--text-muted);padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.card-badge.premium{background:#fff3;color:#fff}.feature-list li{padding:8px 0;font-size:14px;color:var(--text-muted);display:flex;align-items:center;gap:8px}.check{color:var(--good);font-weight:600}.cross{color:var(--text-muted);font-weight:600}.benefits-showcase{margin-bottom:48px}.benefits-showcase h3{font-size:32px;font-weight:700;margin:0 0 32px;color:var(--text)}.benefits-grid-wide{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.benefit-item{display:flex;gap:20px;align-items:flex-start}.benefit-icon.large{font-size:48px;width:80px;height:80px;background:var(--brand);border-radius:16px;display:flex;align-items:center;justify-content:center}.benefit-content h4{font-size:20px;font-weight:600;margin:0 0 8px;color:var(--text)}.sidebar-card{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-card h4{font-size:18px;font-weight:600;margin:0 0 16px;color:var(--text)}.quick-links{display:flex;flex-direction:column;gap:8px}.quick-link{display:flex;align-items:center;gap:12px;padding:12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.quick-link:hover{background:var(--brand);color:#fff;transform:translate(4px)}.link-icon{font-size:16px}.stats-list{display:flex;flex-direction:column;gap:16px}.stat-item{text-align:center}.stat-number{font-size:24px;font-weight:700;color:var(--brand)}.stat-label{font-size:12px;color:var(--text-muted);font-weight:500}.docs-cta-wide{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 50%,#6366f1 100%);margin:60px 0 0;position:relative;overflow:hidden}.cta-background{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.cta-content{max-width:1320px;margin:0 auto;padding:80px 40px;position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-text{color:#fff;flex:1}.cta-text h3{font-size:32px;font-weight:700;margin:0 0 12px;color:#fff}.cta-text p{font-size:18px;color:#ffffffe6;margin:0}.cta-actions{display:flex;gap:16px;flex-shrink:0}.cta-btn{padding:16px 24px;border-radius:12px;font-weight:600;font-size:16px;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;text-decoration:none}.cta-btn.primary{background:#fff;color:var(--brand)}.cta-btn.primary:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.cta-btn.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3)}.cta-btn.secondary:hover{background:#fff3;transform:translateY(-2px)}@media (max-width: 1200px){.docs-container-wide{max-width:100%}.hero-grid{grid-template-columns:1fr;gap:40px;text-align:center}.docs-hero-wide h1{font-size:48px}.content-grid{grid-template-columns:1fr;gap:40px}.comparison-cards,.benefits-grid-wide{grid-template-columns:1fr;gap:20px}.docs-content-wide{padding:40px 20px}.nav-container{padding:0 20px;overflow-x:auto}.cta-content{flex-direction:column;text-align:center;gap:32px}.cta-actions{flex-wrap:wrap;justify-content:center}}@media (max-width: 768px){.docs-container-wide{padding:0 12px;max-width:100vw;overflow-x:hidden}.docs-hero-wide{padding:60px 16px;margin:0 -12px}.hero-grid{grid-template-columns:1fr;gap:32px;max-width:100%;overflow:hidden}.docs-hero-wide h1{font-size:36px}.hero-description{font-size:16px}.hero-actions{flex-direction:column}.api-preview-card{max-width:100%;width:100%;box-sizing:border-box;margin:0 auto;overflow:hidden}.docs-navigation{padding:0 12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-container{flex-wrap:nowrap;display:flex;gap:8px;min-width:max-content;padding-bottom:8px}.nav-tab{white-space:nowrap;font-size:14px;padding:12px 16px;flex-shrink:0;min-width:auto}.docs-content-wide{padding:0 12px;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.tab-content{max-width:100%;overflow:hidden}.comparison-layout{flex-direction:column;gap:24px}.comparison-side{width:100%;max-width:100%}.comparison-arrow{order:0;transform:rotate(90deg);margin:16px 0}.benefits-grid-new{grid-template-columns:1fr;gap:20px}.benefit-item{flex-direction:column;text-align:center;gap:16px}.content-sidebar{order:-1}.cta-content{padding:60px 20px}.cta-text h3{font-size:24px}.cta-text p{font-size:16px}.cta-actions{flex-direction:column;width:100%}}.api-preview-card .preview-title h4{color:#374151!important}.api-preview-card .metric-name{color:#6b7280!important}.api-preview-card .metric-value{color:#111827!important}.api-preview-card .preview-badge{color:#6b7280!important}.api-preview-card .metric-preview{background:#0000000d!important}.comparison-card.premium .card-badge.premium{background:#fff3!important;color:#fff!important}.comparison-cards,.content-sidebar{align-items:stretch}.comparison-card,.sidebar-card{height:100%;display:flex;flex-direction:column}.comparison-card .card-body,.sidebar-card{flex:1}.benefits-grid-wide{align-items:stretch}.benefit-item{height:100%}.benefit-content{flex:1}.step-tip{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:12px;margin-top:12px;display:flex;gap:12px;align-items:flex-start}.step-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:8px;padding:12px;margin-top:12px;display:flex;gap:12px;align-items:flex-start}.tip-icon,.warning-icon{font-size:16px;flex-shrink:0;margin-top:2px}.tip-content,.warning-content{font-size:14px;color:var(--text);line-height:1.5}.step-action{margin-top:16px}.action-btn{padding:12px 20px;border-radius:8px;font-weight:600;font-size:14px;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;text-decoration:none}.action-btn.primary{background:var(--brand);color:#fff}.action-btn.primary:hover{background:var(--brand-dark);transform:translateY(-2px)}.action-btn.secondary{background:var(--glass-bg);color:var(--text);border:1px solid var(--glass-border)}.action-btn.secondary:hover{background:var(--glass-border);transform:translateY(-2px)}.step-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.step-duration{background:var(--glass-bg);color:var(--text-muted);padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.setup-footer{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:32px;margin-top:40px;display:flex;align-items:center;justify-content:space-between;gap:32px}.footer-info h4{font-size:20px;font-weight:600;margin:0 0 8px;color:var(--text)}.footer-info p{margin:0;color:var(--text-muted);font-size:16px}.footer-actions{display:flex;gap:12px;flex-shrink:0}@media (max-width: 768px){.setup-footer{flex-direction:column;text-align:center;gap:24px}.footer-actions{flex-direction:column;width:100%}}.setup-flow{margin-top:40px}.flow-step{display:flex;gap:32px;margin-bottom:48px;align-items:flex-start}.step-indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0;position:relative}.step-number{background:var(--brand);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;box-shadow:0 4px 12px #8b5cf64d;position:relative;z-index:2}.step-line{width:2px;height:60px;background:linear-gradient(to bottom,var(--brand),var(--brand-light));margin-top:12px;opacity:.6}.flow-step:last-child .step-line{display:none}.step-content{flex:1;min-width:0;padding-top:4px}.step-header h3{font-size:24px;font-weight:700;margin:0;color:var(--text)}.step-content>p{font-size:16px;line-height:1.6;color:var(--text-muted);margin:12px 0 0}@media (max-width: 768px){.flow-step{gap:20px;margin-bottom:36px}.step-number{width:40px;height:40px;font-size:16px}.step-line{height:48px;margin-top:8px}.step-header h3{font-size:20px}.step-content>p{font-size:15px}}@media (max-width: 480px){.flow-step{flex-direction:column;align-items:center;text-align:center;gap:16px}.step-indicator{flex-direction:row;width:100%;justify-content:center}.step-line{display:none}.step-content{width:100%}}.metrics-content{padding:0}.metrics-intro{text-align:center;margin-bottom:60px;padding:40px 0;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);border-radius:20px;color:#fff;position:relative;overflow:hidden}.metrics-intro:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.metrics-intro h2{font-size:36px;font-weight:800;margin:0 0 12px;color:#fff;position:relative;z-index:1}.metrics-intro p{font-size:18px;color:#ffffffe6;margin:0;position:relative;z-index:1}.metrics-categories{display:flex;flex-direction:column;gap:48px}.metric-category-card{background:var(--card);border:1px solid var(--card-border);border-radius:20px;padding:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;box-shadow:0 8px 32px #0000001a}.metric-category-card.core-vitals{border-color:#ef4444;box-shadow:0 8px 32px #ef444426}.metric-category-card.performance{border-color:var(--brand);box-shadow:0 8px 32px #8b5cf626}.category-header{background:linear-gradient(135deg,#ef4444,#dc2626);padding:32px 40px;display:flex;align-items:center;gap:16px;color:#fff;position:relative;overflow:hidden}.metric-category-card.performance .category-header{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%)}.category-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.category-icon{font-size:32px;background:#ffffff26;width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.category-header h3{font-size:28px;font-weight:700;margin:0;color:#fff;flex:1;position:relative;z-index:1}.category-badge{background:#fff3;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;position:relative;z-index:1}.category-badge.critical{background:#ffffff40;border:1px solid rgba(255,255,255,.3)}.metrics-grid{padding:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.metric-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:24px;transition:all .3s ease;position:relative}.metric-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000026;border-color:var(--brand)}.metric-card.secondary{opacity:.9}.metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:16px}.metric-icon{font-size:24px;background:var(--brand);color:#fff;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-info{flex:1;min-width:0}.metric-info h4{font-size:18px;font-weight:600;margin:0 0 4px;color:var(--text)}.metric-code{background:var(--glass-bg);color:var(--brand);padding:2px 8px;border-radius:6px;font-size:12px;font-weight:600;font-family:SF Mono,Monaco,Consolas,monospace}.metric-targets{flex-shrink:0}.target{background:var(--good);color:#fff;padding:8px 12px;border-radius:20px;font-size:14px;font-weight:600}.target.good{background:var(--good)}.target.warning{background:var(--ok)}.target.poor{background:var(--bad)}.metric-card>p{font-size:15px;line-height:1.6;color:var(--text-muted);margin:0 0 20px}.metric-details{border-top:1px solid var(--glass-border);padding-top:16px;margin-top:16px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.detail-item:last-child{border-bottom:none}.detail-label{font-size:13px;color:var(--text-muted);font-weight:500}.detail-value{font-size:13px;font-weight:600;padding:4px 8px;border-radius:12px}.detail-value.good{background:#10b98126;color:var(--good)}.detail-value.warning{background:#f59e0b26;color:var(--ok)}.detail-value.poor{background:#ef444426;color:var(--bad)}@media (max-width: 1200px){.metrics-grid{grid-template-columns:1fr}}@media (max-width: 768px){.metrics-intro{margin-bottom:40px;padding:32px 20px}.metrics-intro h2{font-size:28px}.metrics-intro p{font-size:16px}.category-header{padding:24px 20px;flex-direction:column;text-align:center;gap:12px}.category-header h3{font-size:24px}.metrics-grid{padding:24px 20px}.metric-header{flex-direction:column;align-items:flex-start;gap:12px}.metric-targets{align-self:flex-end}}.content-main{min-width:0}.intro-section{margin-bottom:48px;text-align:center;padding:48px 40px;background:linear-gradient(135deg,var(--bg) 0%,var(--bg-card) 100%);border-radius:20px;border:1px solid var(--card-border);position:relative;overflow:hidden}.intro-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(139,92,246,.1) 0%,transparent 50%);pointer-events:none}.intro-section h2{font-size:36px;font-weight:800;margin:0 0 20px;color:var(--text);position:relative;z-index:1;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro-text{font-size:20px;line-height:1.7;color:var(--text-muted);max-width:700px;margin:0 auto;position:relative;z-index:1}.comparison-cards{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:64px}.comparison-card{background:var(--card);border:1px solid var(--card-border);border-radius:20px;padding:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;transition:all .3s ease;box-shadow:0 8px 32px #0000001a}.comparison-card:hover{transform:translateY(-8px);box-shadow:0 20px 48px #00000026}.comparison-card.basic{border-color:var(--text-muted);position:relative}.comparison-card.basic:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--text-muted),#6b7280)}.comparison-card.premium{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);border-color:transparent;position:relative}.comparison-card.premium:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#fbbf24,#f59e0b)}.comparison-card.premium *{color:#fff!important}.card-header{padding:32px 32px 24px;display:flex;align-items:center;justify-content:space-between;margin-bottom:0;position:relative}.card-header:after{content:"";position:absolute;bottom:0;left:32px;right:32px;height:1px;background:var(--card-border)}.comparison-card.premium .card-header:after{background:#fff3}.card-icon{font-size:32px;background:var(--glass-bg);width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.comparison-card.premium .card-icon{background:#ffffff26;color:#fff}.card-header h3{font-size:24px;font-weight:700;margin:0;color:var(--text);flex:1}.card-badge{background:var(--glass-bg);color:var(--text-muted);padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--glass-border)}.card-badge.premium{background:#fbbf2433;color:#fbbf24;border-color:#fbbf244d;position:relative}.card-badge.premium:before{content:"✨";margin-right:4px}.card-body{padding:0 32px 32px}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{padding:12px 0;font-size:16px;color:var(--text-muted);display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--glass-border)}.feature-list li:last-child{border-bottom:none}.comparison-card.premium .feature-list li{border-bottom-color:#ffffff1a}.check{color:var(--good);font-weight:700;font-size:18px;background:#10b98126;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cross{color:var(--text-muted);font-weight:700;font-size:18px;background:#9ca3af26;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.comparison-card.premium .cross{color:#ffffffb3;background:#ffffff1a}.benefits-showcase{margin-bottom:48px;padding:48px 0}.benefits-showcase h3{font-size:32px;font-weight:800;margin:0 0 48px;color:var(--text);text-align:center;position:relative}.benefits-showcase h3:after{content:"";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--brand),var(--brand-light));border-radius:2px}.benefits-grid-wide{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.benefit-item{display:flex;gap:24px;align-items:flex-start;padding:32px;background:var(--card);border:1px solid var(--card-border);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.benefit-item:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a;border-color:var(--brand)}.benefit-visual{flex-shrink:0}.benefit-icon.large{font-size:40px;width:80px;height:80px;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #8b5cf64d;position:relative}.benefit-icon.large:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:linear-gradient(135deg,var(--brand-light) 0%,var(--brand) 100%);border-radius:18px;z-index:-1}.benefit-content h4{font-size:22px;font-weight:700;margin:0 0 12px;color:var(--text)}.benefit-content p{font-size:16px;line-height:1.6;color:var(--text-muted);margin:0}.content-sidebar{display:flex;flex-direction:column;gap:24px}.sidebar-card{background:var(--card);border:1px solid var(--card-border);border-radius:20px;padding:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000000d;transition:all .3s ease}.sidebar-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000001a}.sidebar-card h4{font-size:20px;font-weight:700;margin:0 0 20px;color:var(--text);text-align:center;position:relative;padding-bottom:16px}.sidebar-card h4:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:2px;background:var(--brand);border-radius:1px}.quick-links{display:flex;flex-direction:column;gap:12px}.quick-link{display:flex;align-items:center;gap:16px;padding:16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--text);font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.quick-link:hover{background:var(--brand);color:#fff;transform:translate(6px);box-shadow:0 6px 20px #8b5cf64d}.link-icon{font-size:20px;width:32px;height:32px;background:var(--brand);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.quick-link:hover .link-icon{background:#fff3;transform:scale(1.1)}.stats-list{display:flex;flex-direction:column;gap:20px}.stat-item{text-align:center;padding:20px;background:var(--glass-bg);border-radius:12px;border:1px solid var(--glass-border);transition:all .3s ease}.stat-item:hover{transform:scale(1.05);background:var(--brand);color:#fff}.stat-number{font-size:32px;font-weight:800;color:var(--brand);display:block;margin-bottom:8px}.stat-item:hover .stat-number{color:#fff}.stat-label{font-size:14px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-item:hover .stat-label{color:#ffffffe6}@media (max-width: 1200px){.content-grid{grid-template-columns:1fr;gap:48px}.content-sidebar{order:-1;display:grid;grid-template-columns:1fr 1fr;gap:24px}}@media (max-width: 768px){.intro-section{padding:32px 24px;margin-bottom:32px}.intro-section h2{font-size:28px}.intro-text{font-size:16px}.comparison-cards{grid-template-columns:1fr;gap:24px;margin-bottom:48px}.benefits-grid-wide{grid-template-columns:1fr;gap:24px}.benefit-item{flex-direction:column;text-align:center;gap:20px;padding:24px}.content-sidebar{grid-template-columns:1fr}.card-header{padding:24px 20px 16px}.card-header:after{left:20px;right:20px}.card-body{padding:0 20px 24px}}.overview-hero{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);border-radius:24px;padding:60px 0;margin-bottom:80px;position:relative;overflow:hidden}.overview-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.hero-content-section{max-width:800px;margin:0 auto;text-align:center;padding:0 40px;position:relative;z-index:1}.hero-badge-new{display:inline-flex;align-items:center;gap:8px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:8px 16px;font-size:14px;font-weight:600;color:#fff;margin-bottom:24px}.overview-hero h2{font-size:48px;font-weight:800;line-height:1.1;margin:0 0 20px;color:#fff}.hero-subtitle{font-size:20px;line-height:1.6;color:#ffffffe6;margin:0 0 40px}.hero-stats{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}.hero-stat{text-align:center}.stat-number-hero{font-size:32px;font-weight:800;color:#fff;display:block;margin-bottom:4px}.stat-label-hero{font-size:14px;color:#fffc;font-weight:500}.value-proposition{margin-bottom:80px}.section-header-center{text-align:center;margin-bottom:48px}.section-header-center h3{font-size:36px;font-weight:800;margin:0 0 16px;color:var(--text)}.section-header-center p{font-size:18px;color:var(--text-muted);margin:0}.comparison-layout{display:grid;grid-template-columns:1fr 80px 1fr;gap:40px;align-items:start}.comparison-side{background:var(--card);border:1px solid var(--card-border);border-radius:20px;padding:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.comparison-side:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000026}.basic-side{border-color:#6b7280}.premium-side{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);border-color:transparent;color:#fff}.premium-side *{color:#fff!important}.comparison-header{padding:32px 32px 24px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--card-border)}.premium-side .comparison-header{border-bottom-color:#fff3}.comparison-icon{font-size:32px;width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.comparison-icon.basic{background:var(--glass-bg);color:#6b7280}.comparison-icon.premium{background:#ffffff26;color:#fff}.comparison-title{flex:1}.comparison-title h4{font-size:24px;font-weight:700;margin:0 0 8px;color:var(--text)}.comparison-badge{padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.comparison-badge.basic{background:var(--glass-bg);color:var(--text-muted);border:1px solid var(--glass-border)}.comparison-badge.premium{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.feature-list-new{list-style:none;padding:32px;margin:0}.feature-list-new li{font-size:16px;position:relative;padding:12px 0 12px 32px}.feature-basic:before{content:"✓";position:absolute;left:0;color:var(--good);font-weight:700}.feature-premium:before{content:"✓";position:absolute;left:0;color:#fbbf24;font-weight:700}.feature-missing{color:var(--text-muted);opacity:.6}.feature-missing:before{content:"✗";position:absolute;left:0;color:var(--text-muted);font-weight:700}.comparison-arrow{display:flex;align-items:center;justify-content:center;padding-top:120px}.arrow-content{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--brand);color:#fff;padding:16px;border-radius:50%;box-shadow:0 8px 24px #8b5cf64d}.arrow-icon{font-size:24px;font-weight:700}.arrow-content span{font-size:12px;font-weight:600;text-transform:uppercase}.benefits-section{margin-bottom:80px}.benefits-grid-new{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.benefit-card{background:var(--card);border:1px solid var(--card-border);border-radius:20px;padding:32px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden}.benefit-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--brand),var(--brand-light))}.benefit-card:hover{transform:translateY(-8px);box-shadow:0 20px 48px #8b5cf626;border-color:var(--brand)}.benefit-icon-wrapper{margin-bottom:24px}.benefit-icon-new{font-size:48px;width:96px;height:96px;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 12px 32px #8b5cf64d}.benefit-card h4{font-size:22px;font-weight:700;margin:0 0 16px;color:var(--text)}.benefit-card p{font-size:16px;line-height:1.6;color:var(--text-muted);margin:0 0 20px}.benefit-highlight{background:var(--brand);color:#fff;padding:6px 16px;border-radius:16px;font-size:14px;font-weight:600;display:inline-block}.quick-action-section{background:linear-gradient(135deg,var(--bg-card) 0%,var(--card) 100%);border:1px solid var(--card-border);border-radius:24px;padding:60px 40px;text-align:center;position:relative;overflow:hidden}.quick-action-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 70% 20%,rgba(139,92,246,.1) 0%,transparent 50%);pointer-events:none}.action-content{position:relative;z-index:1}.action-content h3{font-size:32px;font-weight:800;margin:0 0 16px;color:var(--text)}.action-content>p{font-size:18px;color:var(--text-muted);margin:0 0 40px}.action-steps{display:flex;justify-content:center;align-items:center;gap:24px;margin-bottom:40px;flex-wrap:wrap}.action-step{display:flex;align-items:center;gap:12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:16px 20px;font-weight:600;color:var(--text)}.step-icon{background:var(--brand);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.step-arrow{font-size:20px;color:var(--brand);font-weight:700}.action-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.action-btn-primary,.action-btn-secondary{padding:16px 32px;border-radius:12px;font-weight:600;font-size:16px;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;text-decoration:none}.action-btn-primary{background:var(--brand);color:#fff;box-shadow:0 8px 24px #8b5cf64d}.action-btn-primary:hover{background:var(--brand-dark);transform:translateY(-2px);box-shadow:0 12px 32px #8b5cf666}.action-btn-secondary{background:var(--glass-bg);color:var(--text);border:1px solid var(--glass-border)}.action-btn-secondary:hover{background:var(--glass-border);transform:translateY(-2px)}@media (max-width: 1200px){.comparison-layout{grid-template-columns:1fr;gap:24px}.comparison-arrow{display:none}.benefits-grid-new{grid-template-columns:1fr;gap:24px}}@media (max-width: 768px){.overview-hero{padding:40px 0;margin-bottom:60px}.hero-content-section{padding:0 20px}.overview-hero h2{font-size:32px}.hero-subtitle{font-size:16px}.hero-stats{gap:24px}.section-header-center h3{font-size:28px}.comparison-header{padding:24px 20px 16px}.feature-list-new{padding:20px}.benefit-card{padding:24px}.quick-action-section{padding:40px 20px}.action-content h3{font-size:24px}.action-steps{flex-direction:column;gap:16px}.step-arrow{transform:rotate(90deg)}.action-buttons{flex-direction:column}}.integration-hero{background:linear-gradient(135deg,#10b981,#059669);border-radius:24px;padding:60px 0;margin-bottom:80px;position:relative;overflow:hidden}.integration-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.integration-hero-content{max-width:700px;margin:0 auto;text-align:center;padding:0 40px;position:relative;z-index:1}.hero-badge-integration{display:inline-flex;align-items:center;gap:8px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:8px 16px;font-size:14px;font-weight:600;color:#fff;margin-bottom:24px}.integration-hero h2{font-size:48px;font-weight:800;line-height:1.1;margin:0 0 20px;color:#fff}.integration-subtitle{font-size:20px;line-height:1.6;color:#ffffffe6;margin:0 0 40px}.hero-action{margin-top:32px}.dashboard-access-btn{background:#fff;color:#059669;padding:16px 32px;border-radius:12px;border:none;font-weight:700;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 8px 24px #00000026}.dashboard-access-btn:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:0 12px 32px #0003}.integration-process{margin-bottom:80px}.process-header{text-align:center;margin-bottom:60px}.process-header h3{font-size:36px;font-weight:800;margin:0 0 16px;color:var(--text)}.process-header p{font-size:18px;color:var(--text-muted);margin:0}.process-flow{display:flex;align-items:flex-start;justify-content:space-between;position:relative;max-width:1200px;margin:0 auto}.process-connector{flex:1;height:2px;background:linear-gradient(90deg,var(--brand),var(--brand-light));margin:60px 20px 0;position:relative}.process-connector:after{content:"";position:absolute;right:-8px;top:-6px;width:0;height:0;border-left:8px solid var(--brand-light);border-top:6px solid transparent;border-bottom:6px solid transparent}.process-step{flex:0 0 250px;text-align:center}.step-visual{position:relative;margin-bottom:24px}.step-number{background:var(--brand);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;margin:0 auto 16px;box-shadow:0 8px 24px #8b5cf64d;position:relative;z-index:2}.step-icon{font-size:24px;background:var(--card);border:1px solid var(--card-border);width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.step-content h4{font-size:20px;font-weight:700;margin:0 0 12px;color:var(--text)}.step-content p{font-size:16px;line-height:1.6;color:var(--text-muted);margin:0 0 16px}.step-tip{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;padding:8px 12px;font-size:14px;color:var(--text-muted);display:inline-flex;align-items:center;gap:6px}.step-tip.success{background:#10b9811a;border-color:#10b98133;color:var(--good)}.tip-icon{font-size:12px}.enhanced-features{margin-bottom:80px}.features-header{text-align:center;margin-bottom:60px}.features-header h3{font-size:36px;font-weight:800;margin:0 0 16px;color:var(--text)}.features-header p{font-size:18px;color:var(--text-muted);margin:0}.enhancement-showcase{display:flex;flex-direction:column;gap:48px;max-width:1000px;margin:0 auto}.enhancement-item{background:var(--card);border:1px solid var(--card-border);border-radius:20px;padding:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a}.enhancement-visual{max-width:100%}.before-after{display:grid;grid-template-columns:1fr 80px 1fr;gap:32px;align-items:center}.before-state,.after-state{padding:24px;border-radius:16px;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.after-state{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;border-color:transparent}.after-state *{color:#fff!important}.state-icon{font-size:32px;width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.state-icon.basic{background:var(--glass-border);color:var(--text-muted)}.state-icon.premium{background:#ffffff26;color:#fff}.state-content h5{font-size:20px;font-weight:700;margin:0 0 16px;color:var(--text)}.basic-features,.premium-features{display:flex;flex-direction:column;gap:8px}.basic-features span{background:var(--glass-border);color:var(--text-muted);padding:6px 12px;border-radius:12px;font-size:14px;font-weight:500}.premium-features span{background:#ffffff26;color:#fff;padding:6px 12px;border-radius:12px;font-size:14px;font-weight:500}.transformation-arrow{display:flex;justify-content:center}.arrow-circle{background:var(--brand);color:#fff;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;box-shadow:0 8px 24px #8b5cf64d}.security-assurance{background:var(--card);border:1px solid var(--card-border);border-radius:24px;padding:60px 40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a}.security-hero{text-align:center;margin-bottom:48px}.security-icon-large{font-size:64px;background:linear-gradient(135deg,#ef4444,#dc2626);width:120px;height:120px;border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 12px 32px #ef44444d}.security-hero h3{font-size:32px;font-weight:800;margin:0 0 16px;color:var(--text)}.security-hero p{font-size:18px;color:var(--text-muted);max-width:600px;margin:0 auto}.security-features{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:40px}.security-feature{display:flex;align-items:flex-start;gap:20px;padding:24px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.security-feature:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a;border-color:#ef4444}.security-badge{font-size:24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.security-info h4{font-size:18px;font-weight:700;margin:0 0 8px;color:var(--text)}.security-info p{font-size:16px;line-height:1.6;color:var(--text-muted);margin:0}.security-actions{text-align:center}.security-note{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:16px;padding:20px;display:inline-flex;align-items:center;gap:12px;max-width:600px}.note-icon{font-size:20px;flex-shrink:0}.security-note p{font-size:16px;color:var(--text);margin:0;line-height:1.6}@media (max-width: 1200px){.process-flow{flex-direction:column;align-items:center;gap:40px}.process-connector{width:2px;height:40px;margin:0;background:linear-gradient(180deg,var(--brand),var(--brand-light))}.process-connector:after{right:-6px;top:auto;bottom:-8px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--brand-light)}.before-after{grid-template-columns:1fr;gap:24px}.transformation-arrow .arrow-circle{transform:rotate(90deg)}.security-features{grid-template-columns:1fr;gap:24px}}@media (max-width: 768px){.integration-hero{padding:40px 0;margin-bottom:60px}.integration-hero-content{padding:0 20px}.integration-hero h2{font-size:32px}.integration-subtitle{font-size:16px}.process-header h3,.features-header h3{font-size:28px}.process-step{flex:0 0 100%;max-width:300px}.enhancement-item{padding:24px}.security-assurance{padding:40px 20px}.security-icon-large{width:96px;height:96px;font-size:48px}.security-hero h3{font-size:24px}.security-feature{flex-direction:column;text-align:center;gap:16px}.security-note{flex-direction:column;text-align:center;gap:12px}}.troubleshooting-hero{display:flex;align-items:center;gap:60px;padding:60px 0;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-radius:24px;margin-bottom:80px;position:relative;overflow:hidden}.troubleshooting-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,rgba(74,144,226,.1) 0%,transparent 70%);pointer-events:none}.diagnostic-visual{flex:0 0 300px;display:flex;flex-direction:column;align-items:center;gap:24px;padding-left:60px;position:relative}.diagnostic-icon{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.diagnostic-ring{position:absolute;top:0;left:0;right:0;bottom:0;border:3px solid #4a90e2;border-radius:50%;border-top-color:transparent;animation:diagnosticSpin 3s linear infinite}.diagnostic-center{font-size:48px;z-index:2;filter:drop-shadow(0 0 20px rgba(74,144,226,.5))}@keyframes diagnosticSpin{to{transform:rotate(360deg)}}.diagnostic-status{display:flex;align-items:center;gap:8px;color:#4a90e2;font-weight:600;font-size:14px}.status-indicator{width:8px;height:8px;border-radius:50%;background:#4a90e2}.status-indicator.scanning{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #4a90e2b3}50%{opacity:.5;box-shadow:0 0 0 8px #4a90e200}}.hero-content-diagnostic{flex:1;color:#fff;padding-right:60px}.hero-badge-diagnostic{display:inline-flex;align-items:center;gap:8px;background:#4a90e233;border:1px solid rgba(74,144,226,.3);padding:8px 16px;border-radius:50px;font-size:14px;font-weight:600;margin-bottom:24px;color:#4a90e2}.hero-content-diagnostic h2{font-size:48px;font-weight:800;margin:0 0 16px;background:linear-gradient(135deg,#fff,#e1e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.diagnostic-subtitle{font-size:18px;line-height:1.6;color:#ffffffe6;margin-bottom:32px;max-width:600px}.diagnostic-stats{display:flex;gap:40px}.diagnostic-stat{display:flex;align-items:center;gap:12px}.stat-icon{font-size:24px;filter:drop-shadow(0 0 8px rgba(74,144,226,.3))}.stat-content{display:flex;flex-direction:column}.stat-number{font-size:28px;font-weight:800;color:#4a90e2;line-height:1}.stat-label{font-size:14px;color:#fffc;margin-top:4px}.quick-diagnostic{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:20px;padding:48px;margin-bottom:60px;position:relative;overflow:hidden}.quick-diagnostic:before{content:"";position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,rgba(74,144,226,.05) 0%,transparent 70%);pointer-events:none}.diagnostic-header{text-align:center;margin-bottom:40px}.diagnostic-header h3{font-size:32px;font-weight:800;color:#1a202c;margin:0 0 12px}.diagnostic-header p{font-size:16px;color:#1f2937;margin:0}.diagnostic-tool{display:flex;align-items:center;gap:48px;max-width:800px;margin:0 auto}.tool-visual{flex:0 0 250px;position:relative;height:180px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #4a90e21a;display:flex;align-items:center;justify-content:center;overflow:hidden}.scanner-animation{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(74,144,226,.1) 50%,transparent 100%);animation:scannerMove 3s ease-in-out infinite}@keyframes scannerMove{0%,to{left:-100%}50%{left:100%}}.scanner-content{display:flex;flex-direction:column;align-items:center;gap:12px;z-index:2}.scanner-icon{font-size:36px;filter:drop-shadow(0 0 12px rgba(74,144,226,.3))}.scanner-text{text-align:center}.scanner-text h4{font-size:16px;font-weight:700;color:#1a202c;margin:0 0 4px}.scanner-text p{font-size:14px;color:#1f2937;margin:0}.format-checklist{flex:1;display:flex;flex-direction:column;gap:16px}.check-item{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 4px 16px #4a90e214;border-left:4px solid #10b981}.check-icon{font-size:18px;flex-shrink:0}.check-item span{font-size:16px;font-weight:600;color:#1a202c}.problem-categories{margin-bottom:80px}.categories-header{text-align:center;margin-bottom:48px}.categories-header h3{font-size:36px;font-weight:800;color:#1a202c;margin:0 0 16px}.categories-header p{font-size:18px;color:#1f2937;margin:0}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px}.problem-category{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #00000014;border-top:4px solid}.problem-category.critical{border-top-color:#ef4444}.problem-category.warning{border-top-color:#f59e0b}.problem-category.info{border-top-color:#3b82f6}.category-header-new{display:flex;align-items:center;gap:20px;padding:32px;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.category-visual{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.category-icon-bg{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;opacity:.1}.category-icon-bg.critical{background:#ef4444}.category-icon-bg.warning{background:#f59e0b}.category-icon-bg.info{background:#3b82f6}.category-icon-main{font-size:24px;z-index:2}.category-info{flex:1}.category-info h4{font-size:24px;font-weight:800;color:#1a202c;margin:0 0 8px}.category-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.category-badge.critical{background:#ef44441a;color:#dc2626}.category-badge.warning{background:#f59e0b1a;color:#d97706}.category-badge.info{background:#3b82f61a;color:#2563eb}.issue-count{font-size:14px;color:#1f2937;margin-top:4px}.problems-list{padding:0 32px 32px}.problem-item{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #e2e8f0}.problem-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.problem-header{display:flex;align-items:center;gap:16px;margin-bottom:12px}.severity-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.severity-indicator.high{background:#ef4444;box-shadow:0 0 0 4px #ef444433}.severity-indicator.medium{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b33}.problem-title{display:flex;align-items:center;gap:12px;flex:1}.problem-title h5{font-size:18px;font-weight:700;color:#1a202c;margin:0}.frequency-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.frequency-badge.high{background:#ef44441a;color:#dc2626}.frequency-badge.medium{background:#f59e0b1a;color:#d97706}.problem-description{font-size:14px;color:#1f2937;margin-bottom:20px;font-style:italic}.solution-steps{display:flex;flex-direction:column;gap:16px}.solution-step{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#f8fafc;border-radius:12px;border-left:3px solid #10b981}.step-icon{width:24px;height:24px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.step-content{font-size:14px;line-height:1.5;color:#374151}.solution-quick{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border-left:3px solid #0ea5e9}.quick-icon{font-size:20px;flex-shrink:0}.quick-text{font-size:14px;color:#0c4a6e;line-height:1.5}.quota-info{padding:20px;background:#f8fafc;border-radius:12px;margin-top:16px}.quota-visual{display:flex;align-items:center;gap:20px;margin-bottom:16px}.quota-meter{width:120px;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.quota-fill{height:100%;background:linear-gradient(90deg,#10b981,#f59e0b 70%,#ef4444);border-radius:4px;transition:width .3s ease}.quota-stats{display:flex;flex-direction:column}.quota-label{font-size:12px;color:#1f2937;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.quota-number{font-size:20px;font-weight:800;color:#1a202c}.quota-solutions{display:flex;flex-direction:column;gap:8px}.quota-solution{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.solution-icon-small{font-size:16px;flex-shrink:0}.behavior-items{padding:0 32px 32px}.behavior-item{display:flex;align-items:flex-start;gap:20px;padding:24px;background:#f8fafc;border-radius:16px;margin-bottom:20px;border-left:4px solid #3b82f6}.behavior-item:last-child{margin-bottom:0}.behavior-visual{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.behavior-icon{font-size:24px;z-index:2}.behavior-indicator{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;opacity:.2}.behavior-indicator.normal{background:#3b82f6}.behavior-content{flex:1}.behavior-content h5{font-size:18px;font-weight:700;color:#1a202c;margin:0 0 8px}.behavior-content p{font-size:14px;color:#1f2937;line-height:1.6;margin:0 0 12px}.behavior-benefit{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#3b82f61a;border-radius:8px;font-size:13px;font-weight:600;color:#1e40af}.benefit-icon{font-size:14px}.help-resources{margin-bottom:60px}.resources-hero{text-align:center;margin-bottom:48px}.resources-icon{font-size:64px;margin-bottom:24px;filter:drop-shadow(0 0 20px rgba(239,68,68,.3))}.resources-hero h3{font-size:36px;font-weight:800;color:#1a202c;margin:0 0 16px}.resources-hero p{font-size:18px;color:#1f2937;margin:0}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-bottom:48px}.resource-card{background:#fff;border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000014;border-top:4px solid;transition:all .3s ease;position:relative;overflow:hidden}.resource-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;border-radius:50%;opacity:.05;transition:opacity .3s ease}.resource-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #0000001f}.resource-card:hover:before{opacity:.1}.resource-card.primary{border-top-color:#3b82f6}.resource-card.primary:before{background:#3b82f6}.resource-card.secondary{border-top-color:#10b981}.resource-card.secondary:before{background:#10b981}.resource-card.tertiary{border-top-color:#f59e0b}.resource-card.tertiary:before{background:#f59e0b}.resource-visual{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.resource-icon{font-size:32px;filter:drop-shadow(0 0 12px rgba(59,130,246,.3))}.resource-badge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:#3b82f61a;color:#2563eb}.resource-content h4{font-size:20px;font-weight:700;color:#1a202c;margin:0 0 12px}.resource-content p{font-size:14px;color:#1f2937;line-height:1.6;margin:0 0 24px}.resource-action{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;width:100%;justify-content:center}.resource-action.primary{background:#3b82f6;color:#fff}.resource-action.primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 8px 24px #3b82f64d}.resource-action.secondary{background:#10b981;color:#fff}.resource-action.secondary:hover{background:#059669;transform:translateY(-2px);box-shadow:0 8px 24px #10b9814d}.resource-action.tertiary{background:#f59e0b;color:#fff}.resource-action.tertiary:hover{background:#d97706;transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b4d}.btn-icon{font-size:16px}.support-contact{background:linear-gradient(135deg,#fef3c7,#fcd34d);border-radius:20px;padding:32px;text-align:center}.contact-note{display:flex;align-items:flex-start;gap:20px;max-width:600px;margin:0 auto}.note-icon{font-size:32px;flex-shrink:0;filter:drop-shadow(0 0 8px rgba(245,158,11,.3))}.note-content h5{font-size:20px;font-weight:700;color:#92400e;margin:0 0 8px}.note-content p{font-size:14px;color:#92400e;line-height:1.6;margin:0;text-align:left}.troubleshooting-hero .diagnostic-subtitle,.quick-diagnostic .diagnostic-header p,.quick-diagnostic .scanner-text p,.problem-categories .categories-header p,.problem-categories .issue-count,.problem-categories .problem-description,.problem-categories .quota-label,.help-resources .resources-hero p,.help-resources .resource-content p,.behavior-content p{color:#1f2937!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.api-key-modal{background:linear-gradient(145deg,#1e293b,#334155);border-radius:24px;box-shadow:0 32px 80px #0009,0 0 0 1px #94a3b81a,inset 0 1px #ffffff1a;width:100%;max-width:650px;max-height:90vh;overflow-y:auto;position:relative;animation:modalAppear .4s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(74,144,226,.2)}@keyframes modalAppear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:40px 40px 24px;border-bottom:1px solid rgba(148,163,184,.2);margin-bottom:40px;position:relative}.modal-header:before{content:"";position:absolute;bottom:0;left:40px;right:40px;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(74,144,226,.5) 50%,transparent 100%)}.modal-header h4{font-size:28px;font-weight:800;color:#f1f5f9;margin:0;display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#f1f5f9,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-header h4:before{content:"🔑";font-size:32px;filter:drop-shadow(0 0 12px rgba(74,144,226,.6));-webkit-text-fill-color:initial;background:none}.close-modal-btn{background:#94a3b81a;border:1px solid rgba(148,163,184,.2);font-size:24px;color:#94a3b8;cursor:pointer;padding:12px;border-radius:12px;transition:all .3s ease;line-height:1;width:48px;height:48px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-left:16px}.close-modal-btn:hover{background:#ef444433;border-color:#ef444466;color:#f87171;transform:scale(1.05);box-shadow:0 8px 24px #ef444433}.modal-body{padding:0 40px 40px}.api-instructions{background:linear-gradient(135deg,#4a90e226,#3b82f61a);border-radius:20px;padding:32px;margin-bottom:40px;border:1px solid rgba(74,144,226,.3);position:relative;overflow:hidden}.api-instructions:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4a90e2,#3b82f6,#6366f1)}.api-instructions:after{content:"⚡";position:absolute;top:24px;right:24px;font-size:32px;opacity:.3;filter:drop-shadow(0 0 8px rgba(74,144,226,.5))}.api-instructions p{font-size:18px;color:#e2e8f0;margin:0 0 20px;font-weight:700}.api-instructions ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.api-instructions li{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#cbd5e1;font-size:15px;font-weight:500;background:#1e293b99;border-radius:12px;border:1px solid rgba(148,163,184,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease}.api-instructions li:hover{background:#1e293bcc;border-color:#4a90e24d;transform:translateY(-2px)}.api-instructions li:before{content:"✨";background:linear-gradient(135deg,#4a90e2,#3b82f6);color:#fff;width:24px;height:24px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #4a90e24d}.api-form{margin-bottom:40px}.form-group{margin-bottom:32px}.form-group label{display:block;font-size:16px;font-weight:700;color:#f1f5f9;margin-bottom:12px;position:relative;padding-left:32px}.api-input{width:100%;padding:20px 24px;border:2px solid rgba(148,163,184,.2);border-radius:16px;font-size:16px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Source Code Pro,monospace;background:#1e293bcc;color:#e2e8f0}div.blog-directory,.blog-directory{min-height:100vh!important;background:#fff!important;padding:0!important;margin:0!important;width:100%!important;position:relative!important;z-index:1!important}div.blog-directory .blog-header,.blog-directory .blog-header{text-align:center!important;padding:60px 20px 40px!important;border-bottom:1px solid #e5e7eb!important;background:#fff!important;margin:0!important;width:100%!important}div.blog-directory .blog-title,.blog-directory .blog-title{font-size:36px!important;font-weight:800!important;color:#1f2937!important;margin:0 0 12px!important;line-height:1.2!important;background:#fef3c7!important;text-transform:none!important;padding:8px!important;border-radius:4px!important}.blog-subtitle{font-size:18px;color:var(--text-muted);max-width:500px;margin:0 auto}.blog-controls{padding:32px 20px!important;display:flex!important;flex-direction:column!important;gap:24px!important;border-bottom:1px solid var(--border)!important;background:var(--bg)!important;margin:0!important}.search-wrapper{position:relative;max-width:600px;margin:0 auto;width:100%}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:16px 16px 16px 48px;border:1px solid var(--border);border-radius:12px;font-size:16px;background:var(--card);color:var(--text);transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #8b5cf61a}.clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease}.clear-btn:hover{background:var(--hover);color:var(--text)}.category-filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.filter-btn{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:8px 16px;font-size:14px;color:var(--text);cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{background:var(--hover);border-color:var(--brand)}.filter-btn.active{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.results-info{padding:20px;color:var(--text-muted);font-size:14px;text-align:center;border-bottom:1px solid var(--border)}.articles-list{padding:32px 20px;max-width:900px;margin:0 auto}.article-item{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;transition:all .2s ease}.article-item:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:0 8px 32px #8b5cf61a}.article-content{flex:1}.article-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:13px}.category-badge{background:var(--brand);color:#fff;padding:4px 12px;border-radius:16px;font-weight:600;font-size:12px}.read-time,.date{color:var(--text-muted)}.article-title{font-size:20px;font-weight:700;color:var(--text);margin:0 0 8px;line-height:1.3}.article-excerpt{color:var(--text-muted);line-height:1.5;margin:0 0 16px}.article-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:var(--hover);color:var(--text-muted);padding:4px 8px;border-radius:6px;font-size:11px;font-weight:500}.article-action{flex-shrink:0}.read-btn{background:var(--brand);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.read-btn:hover{background:var(--brand-dark);transform:translateY(-1px)}.no-results{text-align:center;padding:60px 20px;background:var(--card);border-radius:12px;border:1px solid var(--border)}.no-results-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-results h3{font-size:24px;color:var(--text);margin:0 0 8px}.no-results p{color:var(--text-muted);margin:0 0 24px}.no-results-actions{display:flex;justify-content:center;gap:12px}.reset-btn{background:var(--brand);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.reset-btn:hover{background:var(--brand-dark)}.cta-section{background:var(--hover);border-top:1px solid var(--border);padding:60px 20px;text-align:center}.cta-content{max-width:500px;margin:0 auto}.cta-content h3{font-size:28px;color:var(--text);margin:0 0 12px}.cta-content p{color:var(--text-muted);font-size:16px;margin:0 0 32px}.cta-btn{background:var(--brand);color:#fff;border:none;padding:16px 32px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.cta-btn:hover{background:var(--brand-dark);transform:translateY(-2px);box-shadow:0 8px 32px #8b5cf633}@media (max-width: 768px){div[style*="maxWidth: '1200px'"]{max-width:100%!important;padding:0 12px!important;margin:0!important}div[style*="gridTemplateColumns: 'repeat(auto-fit, minmax(380px, 1fr))'"]{display:grid!important;grid-template-columns:1fr!important;gap:20px!important;max-width:100%!important;overflow-x:hidden!important}article[style*="borderRadius: '32px'"]{padding:20px!important;margin:0!important;border-radius:16px!important;max-width:100%!important;box-sizing:border-box!important}div[style*="padding: '80px 20px 60px'"]{padding:60px 16px 40px!important}div[style*="gridTemplateColumns: 'repeat(3, 1fr)'"]{grid-template-columns:1fr!important;gap:16px!important}div[style*="maxWidth: '500px'"]{max-width:100%!important;padding:0 16px!important}div[style*="flexWrap: 'wrap'"]{padding:20px 12px!important;gap:8px!important}.blog-title{font-size:28px}.blog-subtitle{font-size:16px}.category-filters{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.article-item{flex-direction:column;gap:16px}.article-action{align-self:stretch}.read-btn{width:100%;justify-content:center}.cta-content h3{font-size:24px}}@media (max-width: 480px){div[style*="maxWidth: '1200px'"]{padding:0 8px!important}article[style*="borderRadius: '32px'"]{padding:16px!important;border-radius:12px!important}div[style*="padding: '80px 20px 60px'"]{padding:40px 8px 32px!important}h1[style*="fontSize: '48px'"]{font-size:32px!important;line-height:1.2!important}h3[style*="fontSize: '22px'"]{font-size:18px!important}p[style*="fontSize: '20px'"]{font-size:16px!important}}.projects-hero{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 100%);border-radius:20px;padding:40px;margin-bottom:40px;position:relative;overflow:hidden}.projects-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%23ffffff" fill-opacity="0.05" fill-rule="nonzero"><circle cx="30" cy="30" r="2"/></g></g></svg>');opacity:.3}.hero-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.hero-text{flex:1}.hero-title{font-size:36px;font-weight:800;color:#fff;margin:0 0 12px;display:flex;align-items:center;gap:16px}.hero-icon{font-size:42px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.hero-subtitle{font-size:18px;color:#ffffffe6;margin:0;max-width:500px;line-height:1.5}.hero-actions{display:flex;gap:16px}.add-project-btn-hero{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);color:#fff;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s ease;box-shadow:0 8px 32px #0000001f}.add-project-btn-hero:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.btn-icon{font-size:18px}.projects-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-color);transition:all .3s ease}.stat-card.primary:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.stat-card.warning:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.stat-card.success:before{background:linear-gradient(90deg,#10b981,#059669)}.stat-card.info:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a;border-color:var(--border-hover)}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.stat-card.primary .stat-icon{background:#3b82f61a}.stat-card.warning .stat-icon{background:#f59e0b1a}.stat-card.success .stat-icon{background:#10b9811a}.stat-card.info .stat-icon{background:#8b5cf61a}.stat-content{flex:1}.stat-number{font-size:32px;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:4px}.stat-label{font-size:16px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.stat-trend{font-size:14px;font-weight:500;padding:4px 12px;border-radius:20px;display:inline-block}.stat-trend.positive{background:#10b9811a;color:#059669}.stat-trend.neutral{background:#6b72801a;color:var(--text-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:32px}.project-card-modern{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;overflow:hidden;transition:all .4s ease;position:relative}.project-card-modern:hover{transform:translateY(-8px);box-shadow:0 20px 60px #0000001a;border-color:var(--brand-primary)}.card-header{padding:20px 24px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.project-status{display:flex;align-items:center;gap:8px}.status-dot{width:12px;height:12px;border-radius:50%;position:relative}.status-dot.excellent{background:#10b981;box-shadow:0 0 0 3px #10b98133}.status-dot.good{background:#84cc16;box-shadow:0 0 0 3px #84cc1633}.status-dot.warning{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.status-dot.poor{background:#ef4444;box-shadow:0 0 0 3px #ef444433}.status-dot.inactive{background:#9ca3af}.status-label{font-size:14px;font-weight:600;color:var(--text-primary)}.card-actions{display:flex;gap:8px}.action-btn{width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.action-btn.danger{background:#ef44441a;color:#ef4444}.action-btn.danger:hover{background:#ef444433;transform:scale(1.1)}.project-info-modern{padding:24px;display:flex;gap:16px}.project-icon{flex-shrink:0}.icon-wrapper{width:56px;height:56px;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 8px 24px #367ef933}.project-details-modern{flex:1;min-width:0}.project-name{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 8px;line-height:1.2}.project-url-modern{font-size:14px;color:var(--brand-primary);margin:0 0 12px;word-break:break-all;line-height:1.4}.project-meta-modern{display:flex;flex-direction:column;gap:6px}.meta-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.meta-icon{font-size:12px;opacity:.8}.metrics-dashboard{padding:24px;border-top:1px solid var(--border-color);background:linear-gradient(135deg,#367ef905,#8b5cf605)}.metrics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.metrics-header h5{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.metrics-timestamp{font-size:12px;color:var(--text-secondary);background:var(--bg-primary);padding:4px 12px;border-radius:12px;border:1px solid var(--border-color)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.metric-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:16px;transition:all .3s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000d;border-color:var(--border-hover)}.metric-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.metric-icon{font-size:16px}.metric-title{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.metric-body{text-align:center}.score-circle{width:64px;height:64px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 12px;position:relative;border:3px solid}.score-circle.score-0,.score-circle.score-1{border-color:#ef4444;background:#ef44441a}.score-circle.score-2{border-color:#f59e0b;background:#f59e0b1a}.score-circle.score-3{border-color:#84cc16;background:#84cc161a}.score-circle.score-4,.score-circle.score-5{border-color:#10b981;background:#10b9811a}.score-number{font-size:18px;font-weight:800;color:var(--text-primary);line-height:1}.score-total{font-size:10px;color:var(--text-secondary);font-weight:500}.score-bar{width:100%;height:4px;background:var(--border-color);border-radius:2px;overflow:hidden}.score-progress{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:2px;transition:width .6s ease}.speed-indicator{width:64px;height:64px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 8px;border:3px solid}.speed-indicator.excellent{border-color:#10b981;background:#10b9811a}.speed-indicator.good{border-color:#84cc16;background:#84cc161a}.speed-indicator.fair{border-color:#f59e0b;background:#f59e0b1a}.speed-indicator.poor{border-color:#ef4444;background:#ef44441a}.speed-number{font-size:14px;font-weight:700;color:var(--text-primary);line-height:1}.speed-unit{font-size:8px;color:var(--text-secondary);font-weight:500}.speed-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-align:center}.issues-indicator{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;border:3px solid}.issues-indicator.excellent{border-color:#10b981;background:#10b9811a}.issues-indicator.good{border-color:#84cc16;background:#84cc161a}.issues-indicator.fair{border-color:#f59e0b;background:#f59e0b1a}.issues-indicator.poor{border-color:#ef4444;background:#ef44441a}.issues-number{font-size:18px;font-weight:800;color:var(--text-primary)}.issues-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-align:center}.metric-error,.metric-na{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px}.error-icon,.na-icon{font-size:24px;opacity:.6}.error-text,.na-text{font-size:11px;font-weight:600;color:var(--text-secondary);text-align:center}.no-data-state{text-align:center;padding:20px;color:var(--text-secondary)}.no-data-icon{font-size:32px;margin-bottom:12px;opacity:.6}.no-data-text{font-size:14px;line-height:1.4}.card-actions-bottom{padding:0 24px 24px}.project-actions-modern{display:flex;gap:12px}.action-btn.primary{background:var(--brand-primary);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;flex:1}.action-btn.primary:hover:not(:disabled){background:var(--brand-dark);transform:translateY(-1px);box-shadow:0 8px 24px #367ef94d}.action-btn.primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.action-btn.secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);padding:12px 20px;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.action-btn.secondary:hover{background:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-1px)}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.projects-empty-state{text-align:center;padding:80px 40px;background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:20px;grid-column:1 / -1}.projects-empty-icon{font-size:64px;margin-bottom:24px;opacity:.6}.projects-empty-state h4{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.projects-empty-state p{font-size:16px;color:var(--text-secondary);max-width:400px;margin:0 auto 32px;line-height:1.5}.create-first-project-btn{background:var(--brand-primary);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:12px;transition:all .3s ease}.create-first-project-btn:hover{background:var(--brand-dark);transform:translateY(-2px);box-shadow:0 12px 40px #367ef94d}@media (max-width: 1200px){.projects-stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}}@media (max-width: 768px){.hero-content{flex-direction:column;text-align:center;gap:32px}.hero-title{font-size:28px;justify-content:center}.projects-stats-grid,.projects-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(3,1fr)}.project-actions-modern{flex-direction:column}}@media (max-width: 480px){.projects-hero{padding:24px}.hero-title{font-size:24px}.hero-subtitle{font-size:16px}.metrics-grid{grid-template-columns:1fr}}.projects-page-modern{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative}.projects-hero-modern{position:relative;padding:60px 0;overflow:hidden}.hero-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eeae6,#764ba2e6)}.hero-content-modern{position:relative;max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:32px}.hero-text-modern{flex:1;min-width:300px}.hero-title-modern{font-size:48px;font-weight:800;color:#fff;margin:0 0 16px;line-height:1.2;display:flex;align-items:center;gap:16px}.title-icon{font-size:40px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.hero-subtitle-modern{font-size:18px;color:#ffffffe6;margin:0;line-height:1.6;max-width:500px}.cta-button-modern{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);color:#fff;padding:16px 32px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 8px 32px #0000001a}.cta-button-modern:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 12px 48px #00000026}.cta-icon{font-size:18px}.stats-dashboard-modern{position:relative;z-index:10;max-width:1200px;margin:-30px auto 48px;padding:0 24px}.stats-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.stat-card-modern{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:32px;transition:all .4s ease;position:relative;overflow:hidden}.stat-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.stat-card-modern.primary:before{background:linear-gradient(90deg,#667eea,#764ba2)}.stat-card-modern.success:before{background:linear-gradient(90deg,#10b981,#059669)}.stat-card-modern.info:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.stat-card-modern.warning:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.stat-card-modern:hover{transform:translateY(-8px);box-shadow:0 20px 60px #00000026}.stat-card-modern{display:flex;align-items:flex-start;gap:20px}.stat-icon-modern{flex-shrink:0}.icon-bg{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;position:relative}.icon-bg.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.icon-bg.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.icon-bg.info{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.icon-bg.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-info-modern{flex:1}.stat-number-modern{font-size:36px;font-weight:800;color:#1f2937;margin:0 0 4px;line-height:1}.stat-label-modern{font-size:14px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.stat-trend-modern{font-size:12px;color:#9ca3af;display:flex;align-items:center;gap:4px}.trend-indicator{font-size:14px}.trend-indicator.up{color:#10b981}.trend-indicator.down{color:#ef4444}.trend-indicator.neutral{color:#6b7280}.projects-section-modern{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin:0 auto;max-width:1200px;border-radius:24px 24px 0 0;min-height:600px;padding:40px;position:relative}.projects-header-modern{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:24px}.section-title-modern{font-size:32px;font-weight:700;color:#1f2937;margin:0;display:flex;align-items:center;gap:12px}.section-icon{font-size:28px}.projects-filter-modern{display:flex;gap:8px;background:#f3f4f6;padding:4px;border-radius:12px}.filter-btn{padding:8px 16px;border:none;background:transparent;color:#6b7280;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.filter-btn.active,.filter-btn:hover{background:#fff;color:#1f2937;box-shadow:0 2px 8px #0000001a}.empty-state-modern{text-align:center;padding:80px 40px;max-width:600px;margin:0 auto}.empty-icon-modern{font-size:80px;margin-bottom:24px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.empty-title-modern{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 12px}.empty-description-modern{font-size:16px;color:#6b7280;line-height:1.6;margin:0 0 32px}.empty-cta-modern{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 32px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 8px 32px #667eea4d}.empty-cta-modern:hover{transform:translateY(-2px);box-shadow:0 12px 48px #667eea66}.projects-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.project-card-new{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;transition:all .3s ease;position:relative}.project-card-new:hover{transform:translateY(-4px);box-shadow:0 20px 60px #0000001a;border-color:#667eea}.project-card-new.excellent{border-left:4px solid #10b981}.project-card-new.good{border-left:4px solid #3b82f6}.project-card-new.fair{border-left:4px solid #f59e0b}.project-card-new.poor{border-left:4px solid #ef4444}.project-card-new.unknown{border-left:4px solid #6b7280}.project-card-header-new{padding:20px 20px 0;display:flex;justify-content:space-between;align-items:flex-start}.status-indicator-new{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-indicator-new.excellent{background:#10b9811a;color:#059669}.status-indicator-new.good{background:#3b82f61a;color:#1d4ed8}.status-indicator-new.fair{background:#f59e0b1a;color:#d97706}.status-indicator-new.poor{background:#ef44441a;color:#dc2626}.status-indicator-new.unknown{background:#6b72801a;color:#4b5563}.status-dot-new{width:8px;height:8px;border-radius:50%;background:currentColor}.action-btn-new{background:transparent;border:none;padding:8px;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:16px}.action-btn-new:hover{background:#f3f4f6}.project-content-new{padding:20px}.project-name-new{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px;line-height:1.3}.project-url-new{font-size:14px;color:#6b7280;margin:0 0 16px;word-break:break-all}.project-meta-new{display:flex;gap:16px;flex-wrap:wrap}.meta-item-new{display:flex;align-items:center;gap:4px;font-size:12px;color:#9ca3af}.meta-icon-new{font-size:14px}.project-footer-new{padding:0 20px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px}.score-badge-new{display:flex;align-items:baseline;gap:2px;padding:8px 12px;border-radius:12px;font-weight:700}.score-badge-new.excellent{background:#10b9811a;color:#059669}.score-badge-new.good{background:#3b82f61a;color:#1d4ed8}.score-badge-new.fair{background:#f59e0b1a;color:#d97706}.score-badge-new.poor{background:#ef44441a;color:#dc2626}.score-value-new{font-size:18px}.score-max-new{font-size:12px;opacity:.7}.project-actions-footer-new{display:flex;gap:8px}.analyze-btn-new,.view-report-btn-new{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.view-report-btn-new{background:linear-gradient(135deg,#10b981,#059669)}.analyze-btn-new:hover:not(:disabled),.view-report-btn-new:hover{transform:translateY(-1px);box-shadow:0 4px 16px #667eea4d}.view-report-btn-new:hover{box-shadow:0 4px 16px #10b9814d}.analyze-btn-new:disabled{opacity:.6;cursor:not-allowed}.analyze-btn-new.loading{pointer-events:none}.loading-spinner-new{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-icon-new{font-size:14px}@media (max-width: 1024px){.hero-content-modern{flex-direction:column;text-align:center}.hero-title-modern{font-size:40px}.stats-grid-modern{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.projects-grid-modern{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width: 768px){.projects-page-modern{background:linear-gradient(180deg,#667eea,#764ba2)}.hero-title-modern{font-size:32px;flex-direction:column;gap:8px}.projects-section-modern{margin:0 16px;padding:24px;border-radius:16px}.section-title-modern{font-size:24px}.projects-header-modern{flex-direction:column;align-items:stretch}.projects-filter-modern{justify-content:center}.stats-grid-modern,.projects-grid-modern{grid-template-columns:1fr}.project-footer-new{flex-direction:column;align-items:stretch;gap:12px}.project-actions-footer-new{justify-content:center}}@media (max-width: 480px){.hero-content-modern{padding:0 16px}.hero-title-modern{font-size:28px}.cta-button-modern{padding:14px 24px;font-size:14px}.stat-card-modern{padding:24px;flex-direction:column;text-align:center;gap:16px}.empty-icon-modern{font-size:60px}.empty-title-modern{font-size:24px}}.projects-page-dark{background:var(--bg);color:var(--text);padding:24px 0;min-height:100vh}.metrics-section-dark{display:flex;gap:24px;margin-bottom:32px;justify-content:center}.metric-card-dark{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:24px 32px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.metric-card-dark:hover{background:#ffffff0d;border-color:var(--card-border)}.metric-number-dark{font-size:2.5rem;font-weight:700;color:var(--brand-light);margin-bottom:8px;line-height:1}.metric-label-dark{font-size:.875rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.add-project-card-dark{margin-bottom:32px;display:flex;justify-content:center}.add-project-btn-dark{background:var(--brand);color:#fff;border:none;border-radius:12px;padding:16px 32px;display:flex;align-items:center;gap:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf640}.add-project-btn-dark:hover{background:var(--brand-dark);transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf659}.add-icon-dark{font-size:1.25rem;font-weight:300}.projects-area-dark{max-width:1200px;margin:0 auto}.projects-title-dark{font-size:1.75rem;font-weight:700;color:var(--text);margin-bottom:24px;text-align:center}.projects-grid-dark{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.project-card-dark{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:24px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-card-dark:hover{background:#ffffff0d;border-color:var(--card-border);transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.project-header-dark{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.project-name-dark{font-size:1.25rem;font-weight:700;color:var(--text);margin:0;flex:1;line-height:1.2}.project-score-dark{margin-left:16px}.score-badge-dark{padding:6px 12px;border-radius:20px;font-size:.875rem;font-weight:700;min-width:50px;text-align:center;display:inline-block}.score-badge-dark.good{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.score-badge-dark.ok{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.score-badge-dark.poor{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.score-badge-dark.unknown{background:#94a3b833;color:var(--text-muted);border:1px solid rgba(148,163,184,.3)}.project-url-dark{color:var(--text-muted);font-size:.875rem;margin-bottom:16px;word-break:break-all;line-height:1.4}.project-meta-dark{margin-bottom:24px}.meta-text-dark{color:var(--text-muted);font-size:.8125rem;font-weight:500}.project-actions-dark{display:flex;gap:12px;flex-wrap:wrap}.analyze-btn-dark{background:var(--brand);color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;min-width:140px}.analyze-btn-dark:hover:not(.loading){background:var(--brand-dark);transform:translateY(-1px)}.analyze-btn-dark.loading{background:var(--text-muted);cursor:not-allowed;opacity:.7}.analyze-btn-dark:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.7}.view-report-btn-dark{background:#ffffff1a;color:var(--text);border:1px solid var(--glass-border);border-radius:8px;padding:12px 20px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;min-width:120px}.view-report-btn-dark:hover{background:#ffffff26;border-color:var(--card-border);transform:translateY(-1px)}.empty-projects-dark{text-align:center;padding:60px 20px}.empty-icon-dark{font-size:4rem;margin-bottom:16px;opacity:.5}.empty-text-dark{color:var(--text-muted);font-size:1.1rem;margin:0}.modal-overlay-dark{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content-dark{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:16px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #00000080}.modal-header-dark{padding:24px 24px 0;display:flex;justify-content:space-between;align-items:center}.modal-header-dark h3{margin:0;font-size:1.5rem;font-weight:700;color:var(--text)}.modal-close-dark{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.modal-close-dark:hover{background:#ffffff1a;color:var(--text)}.modal-body-dark{padding:24px}.form-group-dark{margin-bottom:20px}.form-label-dark{display:block;color:var(--text);font-weight:600;margin-bottom:8px;font-size:.875rem}.form-input-dark{width:100%;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;padding:12px 16px;color:var(--text);font-size:1rem;transition:all .3s ease}.form-input-dark:focus{outline:none;border-color:var(--brand);background:#ffffff14;box-shadow:0 0 0 3px #8b5cf61a}.form-input-dark::placeholder{color:var(--text-muted)}.modal-footer-dark{padding:0 24px 24px;display:flex;gap:12px;justify-content:flex-end}.btn-cancel-dark{background:#ffffff1a;color:var(--text);border:1px solid var(--glass-border);border-radius:8px;padding:12px 24px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel-dark:hover{background:#ffffff26;border-color:var(--card-border)}.btn-create-dark{background:var(--brand);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-create-dark:hover:not(:disabled){background:var(--brand-dark)}.btn-create-dark:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.7}@media (max-width: 768px){.metrics-section-dark{flex-direction:column;align-items:center;gap:16px}.metric-card-dark{padding:20px 24px;min-width:200px}.projects-grid-dark{grid-template-columns:1fr;gap:16px}.project-actions-dark{flex-direction:column}.analyze-btn-dark,.view-report-btn-dark{min-width:auto}}@media (max-width: 480px){.projects-page-dark{padding:16px 0}.metric-number-dark{font-size:2rem}.projects-title-dark{font-size:1.5rem}.project-card-dark{padding:20px}.modal-content-dark{width:95%;margin:20px}.modal-header-dark,.modal-body-dark,.modal-footer-dark{padding-left:20px;padding-right:20px}.modal-footer-dark{flex-direction:column}}.purple-projects-page{max-width:960px;width:100%;margin:0 auto;padding:20px;box-sizing:border-box}.purple-projects-page .container{max-width:1796px}.projects-main-card{background:linear-gradient(135deg,#2a1a4e,#1a0f2e);border-radius:24px;padding:48px;margin-bottom:32px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0006}.projects-main-card:before{content:"";position:absolute;top:0;right:0;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%);border-radius:50%;transform:translate(150px,-150px)}.projects-card-header{position:relative;z-index:1;max-width:600px}.projects-badge{display:inline-block;background:#8b5cf633;color:#b794f6;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:24px;border:1px solid rgba(139,92,246,.3)}.projects-title{font-size:42px;font-weight:700;color:#fff;margin:0 0 16px;line-height:1.2}.gradient-text{background:linear-gradient(135deg,#b794f6,#9f7aea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-subtitle{font-size:18px;color:#ffffffb3;margin:0 0 32px;line-height:1.6}.new-project-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 20px #8b5cf666}.new-project-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf680}.btn-arrow{font-size:18px;transition:transform .3s ease}.new-project-btn:hover .btn-arrow{transform:translate(4px)}.projects-stats{position:static;transform:none;margin-top:32px;display:flex;gap:32px;justify-content:flex-start;z-index:1}.stat-item{text-align:center;padding:20px;background:#8b5cf61a;border-radius:16px;border:1px solid rgba(139,92,246,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-value{font-size:36px;font-weight:700;color:#b794f6;margin-bottom:8px;display:block}.stat-label{font-size:12px;color:#fff9;font-weight:600;letter-spacing:1px;text-transform:uppercase}.empty-projects-state{text-align:center;padding:60px 40px;background:#2a1a4e4d;border:1px solid rgba(139,92,246,.2);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.empty-icon-wrapper{display:inline-block;margin-bottom:24px}.empty-icon{font-size:64px;display:inline-block}.empty-projects-state h3{font-size:24px;font-weight:700;margin:0 0 12px;color:#fff}.empty-projects-state p{font-size:16px;color:#ffffffb3;max-width:400px;margin:0 auto 32px}.start-project-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:12px;padding:14px 28px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.start-project-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf680}.projects-list-container{background:#2a1a4e4d;border:1px solid rgba(139,92,246,.2);border-radius:20px;padding:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.projects-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(139,92,246,.2)}.projects-list-header h2{font-size:24px;font-weight:600;margin:0;color:#fff}.projects-count{background:#8b5cf633;color:#b794f6;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;width:100%;box-sizing:border-box}.purple-project-card{background:#1a0f2e99;border:1px solid rgba(139,92,246,.2);border-radius:16px;overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:100%;box-sizing:border-box}.purple-project-card:hover{transform:translateY(-4px);border-color:#8b5cf666;box-shadow:0 12px 35px #8b5cf640}.project-card-body{padding:20px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.project-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px;position:relative}.project-icon{width:40px;height:40px;background:#8b5cf633;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.project-info{flex:1}.project-info h3{font-size:18px;font-weight:600;margin:0 0 4px;color:#fff}.project-url{font-size:14px;color:#fff9;margin:0}.project-delete{position:absolute;top:0;right:0;background:transparent;border:none;color:#fff6;font-size:24px;cursor:pointer;padding:4px;transition:all .3s ease;line-height:1}.project-delete:hover{color:#ef4444}.project-stats-row{display:flex;justify-content:space-around;gap:12px;margin-bottom:24px;padding:16px;background:#8b5cf60d;border-radius:12px;border:1px solid rgba(139,92,246,.1);overflow:hidden;box-sizing:border-box}.project-stat{text-align:center;flex:1;min-width:0;max-width:calc(33.333% - 8px);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}.stat-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-size:13px;font-weight:700;color:#fff;border:2px solid;flex-shrink:0;overflow:hidden;box-sizing:border-box}.stat-circle.good{background:#10b98133;border-color:#10b981}.stat-circle.ok{background:#fbbf2433;border-color:#fbbf24}.stat-circle.bad{background:#ef444433;border-color:#ef4444}.stat-name{font-size:10px;color:#fff9;font-weight:600;letter-spacing:.5px;text-align:center;word-wrap:break-word;max-width:100%;overflow:hidden;text-transform:uppercase}.project-footer{display:flex;gap:12px;align-items:center}.analyze-project-btn{flex:1;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:10px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.analyze-project-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf64d}.analyze-project-btn:disabled{opacity:.7;cursor:not-allowed}.analyze-project-btn.loading{background:#8b5cf680}.view-report-btn{background:transparent;color:#b794f6;border:1px solid rgba(139,92,246,.3);border-radius:10px;padding:12px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.view-report-btn:hover{background:#8b5cf61a;border-color:#8b5cf680}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}@media (max-width: 1024px){.projects-stats{justify-content:center;gap:24px}.projects-main-card{padding:32px}}@media (max-width: 768px){.purple-projects-page{padding:12px;width:calc(100% - 24px);max-width:none}.projects-main-card{padding:20px}.projects-title{font-size:28px;line-height:1.3}.projects-subtitle{font-size:16px}.projects-stats{flex-direction:column;gap:16px;margin-top:24px;justify-content:center}.stat-item{padding:16px;min-width:0}.projects-grid{grid-template-columns:1fr;gap:16px;width:100%}.purple-project-card{margin:0;width:100%;box-sizing:border-box}.project-card-body{padding:20px}.project-stats-row{flex-direction:column;gap:12px;padding:12px}.project-stat{display:flex;align-items:center;justify-content:space-between;text-align:left}.stat-circle{width:48px;height:48px;font-size:14px;margin:0}.stat-name{font-size:12px;margin-left:12px}.project-footer{flex-direction:column;gap:8px}.analyze-project-btn,.view-report-btn{width:100%;padding:14px 20px}}@media (max-width: 480px){.purple-projects-page{padding:8px;width:calc(100% - 16px);max-width:none}.projects-main-card{padding:16px;margin:0;border-radius:16px}.projects-title{font-size:24px}.projects-subtitle{font-size:14px}.new-project-btn{font-size:14px;padding:12px 24px}.projects-grid{gap:8px;width:100%}.purple-project-card{border-radius:12px;width:100%;box-sizing:border-box}.project-card-body{padding:16px}.project-header{gap:8px;margin-bottom:16px}.project-icon{width:32px;height:32px;font-size:16px}.project-info h3{font-size:16px}.project-url{font-size:12px}.project-stats-row{padding:8px}.stat-circle{width:40px;height:40px;font-size:12px}.stat-name{font-size:10px}.project-modal{width:95%;margin:20px;max-width:none;max-height:90vh;overflow-y:auto}.project-modal .modal-header,.modal-content{padding:20px 16px}.modal-actions{flex-direction:column;gap:12px;padding:16px}.form-input{font-size:16px;padding:14px 16px}.create-btn,.cancel-btn{width:100%;padding:14px 20px;font-size:16px}}@media (max-width: 480px){.user-dashboard{padding:0 12px;width:calc(100vw - 24px)}.user-dashboard .purple-projects-page{padding:4px}.welcome-card{padding:16px;margin:0 -4px 16px}.welcome-content{gap:16px}.greeting h2{font-size:20px}*{max-width:100%;box-sizing:border-box}}.project-card{background:var(--bg-card);border:1px solid var(--card-border);border-radius:24px;padding:24px;transition:all .3s ease;position:relative}.project-card:hover{background:var(--card);transform:translateY(-4px);border-color:var(--brand)}.project-info{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.project-icon{font-size:1.5rem;background:var(--card);padding:8px;border-radius:16px;margin-top:4px;border:1px solid var(--card-border)}.project-details{flex:1;min-width:0}.project-name{font-size:1.25rem;font-weight:600;margin:0 0 4px;color:var(--text)}.project-url{font-size:.875rem;margin:0 0 4px;color:var(--text-muted);word-break:break-all}.project-created{font-size:.75rem;margin:0;color:var(--text-muted)}.project-metrics{display:flex;gap:20px;margin-bottom:24px}.metric-item{display:flex;align-items:center;gap:12px;flex:1}.metric-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--card);border:2px solid var(--card-border);position:relative;flex-shrink:0;box-sizing:border-box;box-shadow:none!important;outline:none!important}.metric-circle.seo{background:#10b9811a!important;border:2px solid var(--good)!important;border-width:2px!important}.metric-circle.load{background:#f59e0b1a!important;border:2px solid var(--ok)!important;border-width:2px!important}.metric-circle.issues-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;background:#ef444426;border:2px solid #ef4444;box-sizing:border-box}.metric-circle.issues-circle.zero-issues{background:#10b98126;border:2px solid #10b981}.score-indicator,.time-indicator{font-size:.75rem;font-weight:700;color:#fff}.score-indicator.excellent,.time-indicator.excellent{color:#22c55e}.score-indicator.good,.time-indicator.good{color:#f59e0b}.score-indicator.fair,.time-indicator.fair{color:#f97316}.score-indicator.poor,.time-indicator.poor{color:#ef4444}.metric-info{display:flex;flex-direction:column;gap:2px}.metric-title{font-size:.75rem;font-weight:600;color:var(--text-muted);letter-spacing:.5px}.metric-desc{font-size:.875rem;font-weight:500;color:var(--text)}.project-actions{display:flex;gap:12px;align-items:center;position:relative}.run-analysis-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--good);border:none;border-radius:20px;padding:12px 20px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.run-analysis-btn:hover:not(:disabled){background:#059669;transform:translateY(-2px)}.run-analysis-btn:disabled,.run-analysis-btn.analyzing{background:var(--text-muted);cursor:not-allowed}.btn-icon{font-size:1rem}.view-details-btn{background:var(--brand);border:none;border-radius:16px;padding:8px 16px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.view-details-btn:hover{background:var(--brand-dark);transform:translateY(-1px)}.delete-project-btn{position:absolute;top:-12px;right:-12px;width:24px;height:24px;border-radius:50%;background:#ef4444e6;border:none;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:0}.project-card:hover .delete-project-btn{opacity:1}.delete-project-btn:hover{background:#ef4444;transform:scale(1.1)}.project-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.project-modal{background:var(--bg-card);border-radius:24px;width:90%;max-width:500px;border:1px solid var(--card-border);overflow:hidden}.project-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--card-border)}.modal-title{display:flex;align-items:center;gap:12px}.modal-icon{font-size:1.5rem}.modal-title h3{font-size:1.25rem;font-weight:600;margin:0;color:var(--text)}.modal-close-btn{width:32px;height:32px;border-radius:50%;background:var(--card);border:1px solid var(--card-border);color:var(--text);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close-btn:hover{background:var(--brand);color:#fff;transform:scale(1.1)}.modal-content{padding:24px}.form-section{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:.875rem;font-weight:600;color:var(--text)}.form-input{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:12px 16px;color:var(--text);font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--brand);background:var(--bg-card)}.form-input::placeholder{color:var(--text-muted)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid var(--card-border)}.cancel-btn{background:transparent;border:1px solid var(--card-border);border-radius:16px;padding:10px 20px;color:var(--text);font-weight:500;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{background:var(--card);border-color:var(--brand)}.create-btn{display:flex;align-items:center;gap:8px;background:var(--brand);border:none;border-radius:16px;padding:10px 20px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.create-btn:hover:not(:disabled){background:var(--brand-dark);transform:translateY(-2px)}.create-btn:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.7}@media (max-width: 1024px){.dashboard-metrics{grid-template-columns:repeat(3,1fr)}.project-cards-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width: 768px){.projects-dashboard{margin:12px auto;border-radius:20px}.projects-dashboard-header{padding:32px 20px}.projects-dashboard-body{padding:20px}.dashboard-header{flex-direction:column;gap:16px;text-align:center}.dashboard-metrics{grid-template-columns:1fr;gap:16px}.project-cards-grid{grid-template-columns:1fr}.project-metrics{flex-direction:column;gap:16px}.metric-item{justify-content:center}}@media (max-width: 480px){.projects-dashboard{margin:8px auto;border-radius:16px}.projects-dashboard-header{padding:24px 16px}.projects-dashboard-body{padding:16px}.header-content{text-align:center}.header-text h2{font-size:1.5rem}.project-card{padding:16px}.project-modal{width:95%;margin:20px}.modal-actions{flex-direction:column}}.usage-section{margin:24px 0}.usage-card{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.usage-card:hover{border-color:#8b5cf64d;box-shadow:0 8px 32px #8b5cf61a}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.usage-header h3{margin:0;color:var(--text);font-size:18px;font-weight:600}.usage-date{font-size:14px;color:var(--text-muted);background:var(--glass-bg);padding:4px 12px;border-radius:20px;border:1px solid var(--glass-border)}.usage-bar-container{display:flex;flex-direction:column;gap:12px}.usage-bar{width:100%;height:8px;background:#8b5cf61a;border-radius:4px;overflow:hidden;position:relative}.usage-fill{height:100%;background:linear-gradient(90deg,#10b981,#8b5cf6);border-radius:4px;transition:width .3s ease;position:relative}.usage-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.usage-text{display:flex;justify-content:space-between;align-items:center;font-size:14px}.usage-text span:first-child{color:var(--text);font-weight:500}.usage-text .remaining{color:var(--text-muted);font-size:13px}.usage-text .remaining.limit-reached{color:#ef4444;font-weight:600}.usage-limit-message{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px}.usage-limit-message span{color:#ef4444;font-weight:500;font-size:14px}.upgrade-button-inline{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.upgrade-button-inline:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.usage-loading,.usage-error{text-align:center;color:var(--text-muted);font-style:italic;padding:20px 0}.usage-error{color:#ef4444}@media (max-width: 768px){.usage-card{padding:16px;margin:16px 0}.usage-header{flex-direction:column;align-items:flex-start;gap:8px}.usage-limit-message{flex-direction:column;text-align:center;gap:12px}.upgrade-button-inline{width:100%}}