@import "tailwindcss";html{scroll-behavior: smooth}.skip-links-container{@apply absolute start-4 top-4 z-100 flex flex-col gap-2 transition-all duration-500 -translate-y-64 opacity-0 pointer-events-none}.skip-links-container:focus-within{@apply translate-y-0 opacity-100 pointer-events-auto}.skip-link{@apply px-4 py-2 bg-sky-600 text-white font-bold rounded-lg shadow-2xl hover:bg-sky-700}*:focus-visible{outline: 2px dashed black !important;outline-offset: 2px}:root{--app-bg: #f8fafc;--glass-bg: rgba(255,255,255,0.7);--glass-border: rgba(0,0,0,0.05);--brand-primary: #0284c7;--brand-secondary: #4338ca;--brand-accent: #e0f2fe;--brand-accent-text: #0369a1;--brand-accent-border: #bae6fd;--brand-glow: rgba(56,189,248,0.5);--text-primary: #0f172a;--text-secondary: #475569}.theme-emerald{--brand-primary: #059669;--brand-secondary: #0f766e;--brand-accent: #d1fae5;--brand-accent-text: #047857;--brand-accent-border: #a7f3d0;--brand-glow: rgba(52,211,153,0.5)}.theme-amber{--brand-primary: #d97706;--brand-secondary: #c2410c;--brand-accent: #fef3c7;--brand-accent-text: #b45309;--brand-accent-border: #fde68a;--brand-glow: rgba(fbbf24,0.5)}.theme-rose{--brand-primary: #e11d48;--brand-secondary: #be185d;--brand-accent: #ffe4e6;--brand-accent-text: #be123c;--brand-accent-border: #fecdd3;--brand-glow: rgba(fb7185,0.5)}body{font-family: 'Inter',sans-serif;color: var(--text-primary);@apply bg-slate-50 text-slate-900 antialiased}@utility glass-panel{@apply bg-white/70 backdrop-blur-2xl border border-slate-200 shadow-[0_8px_32px_0_rgba(15,23,42,0.05)]}@utility text-gradient{background-clip: text;-webkit-background-clip: text;color: transparent;background-image: linear-gradient(to right,var(--brand-primary),var(--brand-secondary))}.title-text-gradient{@apply text-gradient}.btn-primary{@apply px-6 py-3 rounded-xl text-white font-semibold transition-all duration-300;background-image: linear-gradient(to right,var(--brand-primary),var(--brand-secondary));&:hover{box-shadow: 0 0 20px var(--brand-glow);@apply -translate-y-0.5}&:active{@apply scale-95}}.navbar{@apply sticky top-0 z-50 w-full glass-panel border-b border-slate-200}.language-select{--lumo-space-m: 0px;@apply bg-slate-100/80 dark:bg-slate-800/80 hover:bg-slate-200/80 dark:hover:bg-slate-700/80 rounded-xl transition-all cursor-pointer px-2 py-0.5 shadow-xs border border-slate-200/80 dark:border-slate-700/80}.language-select::part(input-field){background: transparent !important;border: none !important;box-shadow: none !important;min-height: auto;padding: 0 4px}.language-select::part(toggle-button){@apply text-slate-500 dark:text-slate-300;padding-inline-start: 4px}.language-select::part(value){color: inherit}vaadin-select-overlay::part(overlay){@apply rounded-xl shadow-2xl border border-slate-200 dark:border-slate-800 bg-white/95 dark:bg-slate-900/95 backdrop-blur-md p-1}vaadin-select-item{@apply text-slate-800 dark:text-slate-100 rounded-lg transition-colors cursor-pointer text-sm font-medium}vaadin-select-item[focused],vaadin-select-item[selected]{@apply bg-slate-100 dark:bg-slate-800 text-slate-900 dark:text-white font-semibold}vaadin-dialog-overlay::part(overlay),vaadin-dialog::part(overlay){@apply rounded-2xl border border-slate-200 bg-white shadow-2xl overflow-hidden}vaadin-dialog-overlay.dark::part(overlay),html.dark vaadin-dialog-overlay::part(overlay),html.dark vaadin-dialog::part(overlay),.dark vaadin-dialog::part(overlay){background-color: #0f172a !important;border-color: #1e293b !important;color: #f8fafc !important}vaadin-dialog-overlay::part(content),vaadin-dialog::part(content){padding: 0 !important;background: transparent !important}vaadin-dialog-overlay.dark::part(content),html.dark vaadin-dialog-overlay::part(content),html.dark vaadin-dialog::part(content),.dark vaadin-dialog::part(content){background-color: #0f172a !important}vaadin-dialog-overlay::part(backdrop),vaadin-dialog::part(backdrop){@apply bg-slate-950/60 backdrop-blur-xs}.language-modal-content{@apply p-6 max-w-lg w-full bg-white text-slate-900 rounded-2xl}html.dark .language-modal-content,.dark .language-modal-content{background-color: #0f172a !important;color: #f8fafc !important}.language-modal-title{@apply text-lg font-bold text-slate-900}html.dark .language-modal-title,.dark .language-modal-title{color: #f8fafc !important}.language-modal-subtitle{@apply text-xs text-slate-500}html.dark .language-modal-subtitle,.dark .language-modal-subtitle{color: #94a3b8 !important}.language-modal-card{@apply p-4 rounded-xl border cursor-pointer transition-all duration-200 flex items-center justify-between gap-3 bg-slate-50 border-slate-200 hover:border-sky-400 hover:shadow-md focus:outline-none focus-visible:ring-2 focus-visible:ring-sky-500 focus-visible:border-sky-500}html.dark .language-modal-card,.dark .language-modal-card{background-color: rgba(30,41,59,0.8) !important;border-color: #334155 !important;color: #f8fafc !important}.language-modal-card-name{@apply text-sm font-bold block text-slate-900}html.dark .language-modal-card-name,.dark .language-modal-card-name{color: #f8fafc !important}.language-modal-card-region{@apply text-[11px] text-slate-500}html.dark .language-modal-card-region,.dark .language-modal-card-region{color: #94a3b8 !important}.language-modal-card.selected{@apply bg-sky-50/80 border-sky-500 shadow-sm}html.dark .language-modal-card.selected,.dark .language-modal-card.selected{background-color: rgba(12,74,110,0.6) !important;border-color: #0284c7 !important}.navbar-container{@apply max-w-7xl mx-auto px-2 sm:px-6 lg:px-8}.navbar-layout{@apply flex justify-between items-center h-14 sm:h-16}.navbar-logo{@apply text-base sm:text-xl font-extrabold tracking-tighter text-gradient}.navbar-links{@apply hidden md:flex gap-8 items-center}.navbar-link{@apply text-sm font-medium text-slate-600 hover:text-slate-900 transition-colors relative}.navbar-link-underline{@apply absolute -bottom-1 start-0 w-0 h-0.5 transition-all;background-color: var(--brand-primary);.navbar-link:hover &{@apply w-full}}.navbar-actions{@apply flex items-center gap-2 sm:gap-4}.navbar-signin{@apply text-sm font-medium text-slate-600 hover:text-slate-900 transition-colors}.hero{@apply relative pt-32 pb-40 w-full}.hero-glow-1{@apply absolute top-0 -start-20 w-[500px] h-[500px] rounded-full blur-[120px] pointer-events-none;background-color: var(--brand-glow);opacity: 0.3}.hero-glow-2{@apply absolute top-20 -end-20 w-[500px] h-[500px] rounded-full blur-[120px] pointer-events-none;background-color: var(--brand-secondary);opacity: 0.1}.hero-container{@apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10}.hero-content{@apply text-center}.hero-badge{@apply inline-flex items-center gap-x-1.5 py-1 px-3 rounded-full text-xs sm:text-sm font-medium mb-4 sm:mb-8;background-color: var(--brand-accent);color: var(--brand-accent-text);border: 1px solid var(--brand-accent-border)}.hero-title{@apply text-3xl sm:text-5xl md:text-7xl font-extrabold tracking-tight mb-4 sm:mb-8 text-slate-900}.hero-description{@apply mt-4 sm:mt-6 max-w-2xl mx-auto text-base md:text-xl text-slate-600 mb-6 sm:mb-10}.hero-cta-group{@apply flex flex-col sm:flex-row justify-center gap-4}.btn-secondary{@apply px-6 py-3 rounded-xl bg-white border border-slate-200 text-slate-900 font-semibold hover:bg-slate-50 transition-all shadow-sm}.footer{@apply bg-white border-t border-slate-100 pt-24 pb-12 w-full}.footer-container{@apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8}.footer-grid{@apply grid grid-cols-2 md:grid-cols-4 gap-12 mb-16}.footer-logo{@apply text-xl font-bold text-slate-900 mb-6 block}.footer-description{@apply text-slate-600 text-sm leading-relaxed}.footer-column-title{@apply text-sm font-bold text-slate-900 uppercase tracking-widest mb-6}.footer-link-list{@apply flex flex-col gap-4}.footer-link{@apply text-sm text-slate-600 transition-colors;&:hover{color: var(--brand-primary)}}.footer-bottom{@apply pt-8 border-t border-slate-100 flex flex-col md:flex-row justify-between items-center gap-4}.footer-copy{@apply text-slate-600 text-xs}.footer-social{@apply flex gap-6}.footer-social-link{@apply text-slate-500 hover:text-slate-900 text-xs font-medium}.stats-section{@apply py-20 bg-slate-900 relative overflow-hidden w-full}.stat-item{@apply text-center}.stat-value{@apply text-3xl md:text-5xl font-extrabold text-white mb-2}.stat-label{@apply text-slate-400 text-sm md:text-base font-medium}.features-section{@apply py-24 bg-white relative overflow-hidden w-full}.features-header{@apply text-center mb-16 max-w-7xl mx-auto px-4}.features-title{@apply text-3xl md:text-4xl font-bold text-slate-900 mb-4}.features-description{@apply text-lg text-slate-600 max-w-2xl mx-auto}.feature-card{@apply p-8 rounded-2xl bg-slate-50 border border-slate-100 transition-all duration-300 hover:shadow-xl hover:-translate-y-1}.feature-icon-wrapper{@apply w-12 h-12 rounded-xl flex items-center justify-center mb-6}.feature-icon-sky{background-color: var(--brand-accent);color: var(--brand-primary)}.feature-icon-indigo{@apply bg-indigo-100 text-indigo-600}.feature-icon-violet{@apply bg-violet-100 text-violet-600}.feature-icon-emerald{@apply bg-emerald-100 text-emerald-600}.feature-icon-orange{@apply bg-orange-100 text-orange-600}.feature-icon-rose{@apply bg-rose-100 text-rose-600}.feature-card-title{@apply text-xl font-semibold text-slate-900 mb-3}.feature-card-description{@apply text-slate-600 leading-relaxed}.feature-icon-wrapper vaadin-icon{color: inherit;fill: currentColor}.pricing-section{@apply py-24 bg-slate-50 w-full}.pricing-header{@apply text-center mb-16 max-w-7xl mx-auto px-4}.pricing-title{@apply text-3xl md:text-4xl font-bold text-slate-900 mb-4}.pricing-description{@apply text-lg text-slate-600 max-w-2xl mx-auto}.pricing-check{@apply me-3 font-bold;color: var(--brand-primary)}.pricing-card{@apply p-8 rounded-3xl bg-white border border-slate-200 relative flex flex-col h-full}.pricing-card-popular{@apply shadow-xl;border-color: var(--brand-primary)}.pricing-badge{@apply absolute -top-4 left-1/2 -translate-x-1/2 px-4 py-1 text-white text-xs font-bold rounded-full;background-color: var(--brand-primary)}.pricing-amount{@apply text-4xl font-extrabold text-slate-900}.pricing-period{@apply text-slate-500 ml-1}.pricing-cta{@apply w-full py-3 rounded-xl text-center font-bold transition-all bg-slate-100 text-slate-900 hover:bg-slate-200}.pricing-cta-popular{@apply text-white shadow-lg;background-color: var(--brand-primary);box-shadow: 0 10px 15px -3px var(--brand-glow);&:hover{@apply opacity-90}}.testimonials-section{@apply py-24 bg-white w-full}.testimonials-header{@apply text-center mb-16 max-w-7xl mx-auto px-4}.testimonials-title{@apply text-3xl md:text-4xl font-bold text-slate-900 mb-4}.testimonials-description{@apply text-lg text-slate-600 max-w-2xl mx-auto}.testimonial-author-name{@apply text-sm font-bold text-slate-900}.testimonial-author-role{@apply text-xs text-slate-500}.testimonial-card{@apply p-8 rounded-2xl bg-slate-50 border border-slate-100 h-full}.testimonial-card p{@apply text-slate-700 italic leading-relaxed mb-6}.testimonial-stars{@apply flex gap-1 mb-4 text-amber-400}.testimonial-author{@apply flex items-center}.testimonial-avatar{@apply w-10 h-10 rounded-full text-white flex items-center justify-center text-xs font-bold me-3;background-color: var(--brand-primary)}.cta-section{@apply py-20 bg-white w-full}.cta-box{@apply relative overflow-hidden rounded-3xl bg-slate-900 px-6 py-16 text-center shadow-2xl sm:px-16 sm:py-24}.section-container{@apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10}.grid-3{@apply grid grid-cols-1 md:grid-cols-3 gap-8}.theme-switcher-fab{@apply fixed bottom-4 end-4 md:bottom-8 md:end-8 z-50 flex items-center gap-2 p-1.5 md:p-2 rounded-full glass-panel shadow-2xl transition-all duration-500 ease-in-out;width: 48px;height: 48px;overflow: hidden;border: 1px solid var(--brand-accent-border)}@media (min-width: 768px){.theme-switcher-fab{width: 56px;height: 56px}}.theme-switcher-fab.expanded{width: auto;@apply px-4}.theme-switcher-toggle{@apply w-9 h-9 md:w-10 md:h-10 rounded-full flex items-center justify-center cursor-pointer transition-transform duration-300 shrink-0;background-color: var(--brand-primary);color: white}.theme-switcher-fab.expanded .theme-switcher-toggle{@apply rotate-90}.swatches-container{@apply flex gap-3 opacity-0 pointer-events-none transition-all duration-300 -translate-x-4}.theme-switcher-fab.expanded .swatches-container{@apply opacity-100 pointer-events-auto translate-x-0}.theme-swatch{@apply w-8 h-8 rounded-full cursor-pointer transition-all duration-300 border-2 border-white shadow-sm hover:scale-125}::-webkit-scrollbar{width: 8px}::-webkit-scrollbar-track{@apply bg-slate-100}::-webkit-scrollbar-thumb{@apply bg-slate-300 rounded-full hover:bg-slate-400 transition-colors}.faq-section{@apply py-24 bg-slate-50 w-full}.faq-container{@apply max-w-3xl mx-auto px-4 sm:px-6 lg:px-8}.faq-item{@apply border-b border-slate-200 py-6 last:border-b-0}.faq-question-btn{@apply w-full flex justify-between items-center text-left font-semibold text-lg text-slate-900 transition-colors hover:text-indigo-600 focus:outline-none}.faq-answer{@apply mt-2 text-slate-600 leading-relaxed overflow-hidden transition-all duration-300 ease-in-out;max-height: 0;opacity: 0}.faq-answer.expanded{max-height: 200px;opacity: 1}.faq-icon{@apply transition-transform duration-300 text-slate-400}.faq-item.active .faq-icon{@apply rotate-180 text-indigo-600}@keyframes slideUp{from{opacity: 0;transform: translateY(20px)}to{opacity: 1;transform: translateY(0)}}.animate-slideup{animation: slideUp 0.5s cubic-bezier(0.16,1,0.3,1) forwards}.dark{--app-bg: #020617;--glass-bg: rgba(15,23,42,0.85);--glass-border: rgba(255,255,255,0.1);--text-primary: #f8fafc;--text-secondary: #94a3b8;@apply bg-slate-950 text-slate-100}.dark body{@apply bg-slate-950 text-slate-100}.dark .glass-panel{@apply bg-slate-900/80 border-slate-800 shadow-[0_8px_32px_0_rgba(0,0,0,0.4)]}.dark .navbar{@apply bg-slate-950/80 border-slate-800}.dark .navbar-link,.dark .navbar-signin{@apply text-slate-300 hover:text-white}.dark .hero-title{@apply text-slate-100}.dark .hero-description{@apply text-slate-400}.dark .btn-secondary{@apply bg-slate-900 border-slate-800 text-slate-100 hover:bg-slate-800}.dark .hero,.dark .features-section,.dark .pricing-section,.dark .testimonials-section,.dark .cta-section,.dark .faq-section{@apply bg-slate-950}.dark .feature-card,.dark .testimonial-card,.dark .pricing-card{@apply bg-slate-900/90 border-slate-800}.dark .features-title,.dark .pricing-title,.dark .testimonials-title,.dark .feature-card-title,.dark .pricing-amount,.dark .testimonial-author-name{@apply text-slate-100}.dark .features-description,.dark .pricing-description,.dark .testimonials-description,.dark .feature-card-description,.dark .testimonial-card p{@apply text-slate-400}.dark .faq-question-btn{@apply text-slate-100 hover:text-sky-400}.dark .faq-item{@apply border-slate-800}.dark .footer{@apply bg-slate-950 border-slate-900}.dark .footer-column-title,.dark .footer-logo{@apply text-slate-100}.dark .footer-description,.dark .footer-link,.dark .footer-copy,.dark .footer-social-link{@apply text-slate-400 hover:text-slate-200}.dark .footer-bottom{@apply border-slate-900}.dashboard-tab-btn{@apply text-slate-600 dark:text-slate-400 hover:text-slate-900 dark:hover:text-slate-100 transition-colors}.dashboard-tab-btn.active-tab{@apply bg-white dark:bg-slate-800 text-slate-900 dark:text-slate-100 shadow-md font-semibold}.feature-card,.pricing-card,.testimonial-card{transition: all 0.3s cubic-bezier(0.4,0,0.2,1)}.feature-card:hover,.pricing-card:hover,.testimonial-card:hover{border-color: var(--brand-primary);box-shadow: 0 12px 36px -10px var(--brand-glow);transform: translateY(-4px)}