:root{--color-primary: #3b82f6;--color-primary-light: #06b6d4;--color-primary-dark: #1d4ed8;--color-secondary: #0891b2;--color-accent: #0e7490;--gradient-primary: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));--gradient-secondary: linear-gradient(135deg, var(--color-primary), var(--color-primary-light), var(--color-secondary), var(--color-accent));--gradient-text: linear-gradient(135deg, var(--color-primary), var(--color-primary-light), var(--color-secondary), var(--color-accent));--text-primary: #1f2937;--text-secondary: #374151;--text-muted: #64748b;--text-white: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-accent: #d4e0fb;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 50px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-primary: 0 4px 12px rgba(59, 130, 246, .3);--shadow-primary-lg: 0 10px 30px rgba(59, 130, 246, .4);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .6s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-tooltip: 1070}*{box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{margin:0;padding:0;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff}html,body{overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Inter Tight,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-weight:600;line-height:1.2;margin:0}p{line-height:1.6;margin:0}app-root{display:block;width:100%;min-height:100vh;padding-top:80px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#3b82f61a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#1e40af)}.strength-title{font-size:3.5rem;font-weight:700;margin:0;text-align:center;background:linear-gradient(135deg,#3b82f6,#06b6d4,#0891b2,#0e7490);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;position:relative;animation:gradientShift 4s ease-in-out infinite}.strength-title:after{content:"";position:absolute;left:50%;bottom:-.5rem;transform:translate(-50%);width:40%;height:4px;background:linear-gradient(135deg,#3b82f6,#06b6d4,#0891b2);background-size:300% 300%;border-radius:2px;animation:gradientShift 4s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 1024px){.strength-title{font-size:3rem}}@media (max-width: 768px){.strength-title{font-size:2.5rem}}@media (max-width: 480px){.strength-title{font-size:2rem}}.fade-in-up{opacity:0;transform:translateY(30px);transition:all .6s ease-out}.fade-in-up.visible{opacity:1;transform:translateY(0)}.fade-in-left{opacity:0;transform:translate(-30px);transition:all .6s ease-out}.fade-in-left.visible{opacity:1;transform:translate(0)}.fade-in-right{opacity:0;transform:translate(30px);transition:all .6s ease-out}.fade-in-right.visible{opacity:1;transform:translate(0)}.scale-in{opacity:0;transform:scale(.9);transition:all .6s ease-out}.scale-in.visible{opacity:1;transform:scale(1)}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:linear-gradient(135deg,#3b82f6,#06b6d4);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f64d;transition:all .3s ease;z-index:1000;opacity:0;visibility:hidden;transform:translateY(20px)}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:linear-gradient(135deg,#2563eb,#0891b2);transform:translateY(-2px) scale(1.1);box-shadow:0 6px 20px #3b82f666}.back-to-top svg{width:20px;height:20px;fill:#fff;transition:transform .3s ease}.back-to-top:hover svg{transform:translateY(-2px)}.floating{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.rotate-hover:hover{animation:rotate360 .5s ease}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.glow{animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 5px #1e293b33}to{box-shadow:0 0 20px #1e293b66,0 0 30px #1e293b33}}.stagger-animation:nth-child(1){animation-delay:.1s}.stagger-animation:nth-child(2){animation-delay:.2s}.stagger-animation:nth-child(3){animation-delay:.3s}.stagger-animation:nth-child(4){animation-delay:.4s}.stagger-animation:nth-child(5){animation-delay:.5s}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base);will-change:transform,box-shadow}.hover-lift:hover{transform:translateY(-5px) scale(1.02);box-shadow:var(--shadow-2xl)}.btn-enhanced{position:relative;overflow:hidden;transition:all var(--transition-base);will-change:transform}.btn-enhanced: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 var(--transition-slow)}.btn-enhanced:hover:before{left:100%}.btn-enhanced:active{transform:scale(.98)}.text-focus:hover{color:#1e293b;transform:scale(1.02);transition:all .2s ease}.pulse-on-hover:hover{animation:quickPulse .6s ease}@keyframes quickPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}section{scroll-margin-top:100px}.animated-underline{position:relative;display:inline-block}.animated-underline:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(135deg,#3b82f6,#06b6d4);transition:width .3s ease}.animated-underline:hover:after{width:100%}fa-icon{color:#3b82f6!important}fa-icon svg{fill:currentColor!important}.strength-card fa-icon,.vantaggi fa-icon{background:var(--gradient-text)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.floating,.rotate-hover,.pulse-on-hover,.glow{animation:none!important}}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}
