.seo-analyzer-v2{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #3b82f64d}50%{box-shadow:0 0 40px #3b82f699}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fade-in{animation:.6s ease-out forwards fade-in}.animate-slide-up{animation:.8s ease-out forwards slide-up}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.animate-spin-slow{animation:3s linear infinite spin-slow}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #fff3}.dark .glass{background:#111827b3;border:1px solid #37415133}.gradient-text{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-blue{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-purple{background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hover-lift{transition:transform .3s,box-shadow .3s}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026}.dark .hover-lift:hover{box-shadow:0 12px 24px #00000080}.metric-card{transition:all .3s;position:relative;overflow:hidden}.metric-card:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.metric-card:hover:before{left:100%}.badge{border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.badge:hover{transform:scale(1.05)}.progress-bar{background:#e5e7eb4d;border-radius:9999px;height:8px;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#3b82f6 0%,#8b5cf6 100%);border-radius:9999px;height:100%;transition:width 1s ease-out}.skeleton{background:linear-gradient(90deg,#f3f4f6 0%,#e5e7eb 50%,#f3f4f6 100%) 0 0/200% 100%;border-radius:.5rem;animation:1.5s infinite shimmer}.dark .skeleton{background:linear-gradient(90deg,#1f2937 0%,#374151 50%,#1f2937 100%) 0 0/200% 100%}.score-ring{transform-origin:50%;transform:rotate(-90deg)}.score-ring circle{transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1)}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:50;background:#111827f2;border-radius:.375rem;padding:.5rem .75rem;font-size:.75rem;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-8px)}.tooltip:hover:after{opacity:1}.btn-gradient{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);transition:all .3s}.btn-gradient:hover{background:linear-gradient(135deg,#5568d3 0%,#6a4193 100%);transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.btn-gradient:active{transform:translateY(0)}.status-good{color:#10b981;background:#10b9811a}.status-warning{color:#f59e0b;background:#f59e0b1a}.status-poor{color:#ef4444;background:#ef44441a}.dark .status-good{background:#10b98133}.dark .status-warning{background:#f59e0b33}.dark .status-poor{background:#ef444433}@media (max-width:768px){.seo-analyzer-v2{padding-left:1rem;padding-right:1rem}.metric-card{margin-bottom:1rem}.badge{padding:.125rem .5rem;font-size:.625rem}}@media print{.seo-analyzer-v2{background:#fff}.btn-gradient,button{display:none}.glass{background:#fff;border:1px solid #e5e7eb}}.focus-visible:focus{outline-offset:2px;outline:2px solid #3b82f6}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#e5e7eb4d;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#9ca3af80;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6b7280b3}.dark .custom-scrollbar::-webkit-scrollbar-track{background:#3741514d}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background:#4b556380}.dark .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6b7280b3}
.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:#f3f4f680;border-radius:3px}.dark .scrollbar-thin::-webkit-scrollbar-track{background:#11182780}.scrollbar-thin::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.seo-analyzer-vertical section{animation:.8s ease-out both fadeInUp}.seo-analyzer-vertical section:first-child{animation-delay:.1s}.seo-analyzer-vertical section:nth-child(2){animation-delay:.2s}.seo-analyzer-vertical section:nth-child(3){animation-delay:.3s}.seo-analyzer-vertical section:nth-child(4){animation-delay:.4s}.seo-analyzer-vertical section>div{transition:transform .3s,box-shadow .3s}.seo-analyzer-vertical section>div:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.scale-98{transform:scale(.98)}.scale-105{transform:scale(1.05)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.seo-analyzer-vertical .hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.seo-analyzer-vertical .hover-lift:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes gradient-border{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.gradient-border-animated{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899,#3b82f6) 0 0/300% 300%;animation:3s infinite gradient-border;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-animation{animation:3s ease-in-out infinite float}.progress-indicator{transform-origin:0;z-index:9999;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);height:4px;position:fixed;top:0;left:0;right:0}.backdrop-blur-nav{-webkit-backdrop-filter:blur(12px)saturate(180%)}.section-divider{background:linear-gradient(90deg,#0000,#3b82f6,#8b5cf6,#0000);height:2px;margin:3rem 0;position:relative}.section-divider:before{content:"";background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;width:12px;height:12px;position:absolute;top:-4px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #3b82f680}.card-shine{position:relative;overflow:hidden}.card-shine:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.card-shine:hover:before{left:100%}.dark .card-shine:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000)}.scroll-indicator{z-index:40;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:50%;right:2rem;transform:translateY(-50%)}.scroll-indicator-dot{cursor:pointer;background:#d1d5db;border-radius:50%;width:12px;height:12px;transition:all .3s}.scroll-indicator-dot.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);transform:scale(1.5);box-shadow:0 0 20px #3b82f680}.scroll-indicator-dot:hover{transform:scale(1.3)}@media (max-width:768px){.seo-analyzer-vertical section{scroll-margin-top:5rem}.scroll-indicator{display:none}}