*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #ffffff;--bg-secondary: linear-gradient(135deg, #f0fdfa 0%, #ecfdf5 50%, #f0f9ff 100%);--bg-tertiary: linear-gradient(135deg, #f0fdfa 0%, #ecfdf5 100%);--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--border-color: #e5e7eb;--border-light: #f1f5f9;--shadow-light: rgba(0, 0, 0, .05);--shadow-medium: rgba(0, 0, 0, .1);--shadow-heavy: rgba(0, 0, 0, .15);--accent-primary: #06b6d4;--accent-secondary: #10b981;--accent-gradient: linear-gradient(135deg, #06b6d4 0%, #10b981 100%);--header-bg: rgba(255, 255, 255, .95);--header-bg-scrolled: rgba(255, 255, 255, .98);--mockup-bg: #ffffff;--mockup-nav: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);--mockup-hero: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);--mockup-card: linear-gradient(135deg, #10b981 0%, #059669 100%);--shape-bg: linear-gradient(135deg, rgba(6, 182, 212, .1) 0%, rgba(16, 185, 129, .1) 100%);--footer-bg: linear-gradient(135deg, #1f2937 0%, #111827 100%);--contact-method-bg: #ffffff;--form-bg: #ffffff}@media (prefers-color-scheme: dark){:root{--bg-primary: #111827;--bg-secondary: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);--bg-tertiary: linear-gradient(135deg, #1e293b 0%, #334155 100%);--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--border-color: #374151;--border-light: #4b5563;--shadow-light: rgba(0, 0, 0, .3);--shadow-medium: rgba(0, 0, 0, .4);--shadow-heavy: rgba(0, 0, 0, .5);--accent-primary: #0891b2;--accent-secondary: #059669;--accent-gradient: linear-gradient(135deg, #0891b2 0%, #059669 100%);--header-bg: rgba(17, 24, 39, .95);--header-bg-scrolled: rgba(17, 24, 39, .98);--mockup-bg: #1f2937;--mockup-nav: linear-gradient(135deg, #0891b2 0%, #0e7490 100%);--mockup-hero: linear-gradient(135deg, #374151 0%, #4b5563 100%);--mockup-card: linear-gradient(135deg, #059669 0%, #047857 100%);--shape-bg: linear-gradient(135deg, rgba(8, 145, 178, .1) 0%, rgba(5, 150, 105, .1) 100%);--footer-bg: linear-gradient(135deg, #0f172a 0%, #020617 100%);--contact-method-bg: #1f2937;--form-bg: #1f2937}}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);overflow-x:hidden;transition:background-color .3s ease,color .3s ease}html{scroll-behavior:smooth}@media (max-width: 768px){body:not(.legal-page):not(.user-menu-page){padding-bottom:100px}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:12px 24px;border:none;border-radius:8px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;font-size:16px;text-align:center}.btn-primary{background:var(--accent-gradient);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #06b6d44d}.btn-secondary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #10b9814d}.btn-outline{background:transparent;color:var(--accent-primary);border:2px solid var(--accent-primary)}.btn-outline:hover{background:var(--accent-primary);color:#fff}.section{padding:80px 0}.section-title{text-align:center;margin-bottom:60px}.section-title h2{font-size:2.5rem;font-weight:700;margin-bottom:20px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title p{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards}.animate-fade-in-left{animation:fadeInLeft .8s ease-out forwards}.animate-fade-in-right{animation:fadeInRight .8s ease-out forwards}@media (max-width: 768px){.section{padding:60px 0}.section-title h2{font-size:2rem}.section-title p{font-size:1rem}.container{padding:0 15px}.btn{padding:14px 28px;font-size:16px}}@media (max-width: 480px){.section{padding:40px 0}.section-title{margin-bottom:40px}.section-title h2{font-size:1.8rem}.container{padding:0 12px}}