:root{--primary-color:#0ea5e9;--primary-hover:#0284c7;--secondary-color:#d946ef;--accent-color:#f97316;--success-color:#22c55e;--danger-color:#ef4444;--warning-color:#f59e0b;--info-color:#3b82f6;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-600:#525252;--neutral-700:#404040;--neutral-900:#171717;--transition-speed:0.3s;--transition-smooth:cubic-bezier(0.4,0,0.2,1);--shadow-soft:0 2px 15px -3px rgba(0,0,0,0.07),0 10px 20px -2px rgba(0,0,0,0.04);--shadow-soft-lg:0 10px 40px -10px rgba(0,0,0,0.1);--shadow-glass:0 8px 32px 0 rgba(31,38,135,0.37);--shadow-glass-lg:0 25px 50px -12px rgba(0,0,0,0.25);--shadow-neon:0 0 20px rgba(14,165,233,0.5);--shadow-neon-pink:0 0 20px rgba(217,70,239,0.5)}body{font-family:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;color:var(--neutral-700);overflow-x:hidden;background:linear-gradient(135deg,#fafafa 0%,#ffffff 100%)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem;letter-spacing:-0.025em}.display-4{font-weight:800;letter-spacing:-0.03em}.display-5{font-weight:700;letter-spacing:-0.02em}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-20px)}}@keyframes glow{from{box-shadow:0 0 20px rgba(14,165,233,0.3)}to{box-shadow:0 0 30px rgba(14,165,233,0.6)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes bounceGentle{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{to{transform:rotate(360deg)}}.glass{background:rgba(255,255,255,0.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.18)}.glass-dark{background:rgba(0,0,0,0.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.18)}.btn-modern{position:relative;overflow:hidden;border:none;border-radius:16px;padding:12px 24px;font-weight:600;font-size:16px;transition:all var(--transition-speed) var(--transition-smooth);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-modern::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s}.btn-modern:hover::before{left:100%}.btn-modern:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft-lg)}.btn-primary-modern{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white}.btn-primary-modern:hover{background:linear-gradient(135deg,var(--primary-hover),#c026d3);box-shadow:var(--shadow-neon)}.card-modern{background:rgba(255,255,255,0.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:24px;padding:32px;transition:all var(--transition-speed) var(--transition-smooth);position:relative;overflow:hidden}.card-modern::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.8),transparent)}.card-modern:hover{transform:translateY(-8px);box-shadow:var(--shadow-glass-lg)}.feature-card-modern{position:relative;background:rgba(255,255,255,0.8);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:24px;padding:40px;transition:all 0.5s var(--transition-smooth);overflow:hidden}.feature-card-modern::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(14,165,233,0.05),rgba(217,70,239,0.05));opacity:0;transition:opacity 0.5s var(--transition-smooth)}.feature-card-modern:hover::before{opacity:1}.feature-card-modern:hover{transform:translateY(-12px);box-shadow:var(--shadow-glass-lg)}.feature-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));transition:all 0.5s var(--transition-smooth);position:relative;overflow:hidden}.feature-icon::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(255,255,255,0.2),transparent);opacity:0;transition:opacity 0.3s}.feature-card-modern:hover .feature-icon{transform:scale(1.1);box-shadow:var(--shadow-neon)}.feature-card-modern:hover .feature-icon::before{opacity:1}.pricing-card-modern{position:relative;background:rgba(255,255,255,0.9);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,0.2);border-radius:32px;padding:40px;transition:all 0.5s var(--transition-smooth);overflow:hidden}.pricing-card-modern.featured{background:rgba(255,255,255,0.95);border:2px solid rgba(14,165,233,0.3);transform:scale(1.05);z-index:10}.pricing-card-modern:hover{transform:translateY(-8px);box-shadow:var(--shadow-glass-lg)}.pricing-card-modern.featured:hover{transform:scale(1.05) translateY(-8px)}.navbar-modern{background:rgba(255,255,255,0.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.2);transition:all var(--transition-speed) var(--transition-smooth)}.nav-link-modern{position:relative;padding:12px 16px;border-radius:12px;transition:all var(--transition-speed) var(--transition-smooth);font-weight:500}.nav-link-modern::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transition:all var(--transition-speed) var(--transition-smooth);transform:translateX(-50%)}.nav-link-modern:hover::after{width:80%}.nav-link-modern:hover{background:rgba(14,165,233,0.1);color:var(--primary-color)}.form-modern{background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:20px;padding:32px}.input-modern{background:rgba(255,255,255,0.8);border:1px solid rgba(0,0,0,0.1);border-radius:12px;padding:16px 20px;font-size:16px;transition:all var(--transition-speed) var(--transition-smooth);width:100%}.input-modern:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(14,165,233,0.1);background:rgba(255,255,255,0.95)}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:8px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(14,165,233,0.1);border-left:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.toast-modern{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:16px;padding:16px 20px;box-shadow:var(--shadow-glass);transition:all var(--transition-speed) var(--transition-smooth)}.toast-success{border-left:4px solid var(--success-color)}.toast-error{border-left:4px solid var(--danger-color)}.toast-warning{border-left:4px solid var(--warning-color)}.toast-info{border-left:4px solid var(--info-color)}.text-gradient{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-accent{background:linear-gradient(135deg,var(--secondary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-gradient-modern{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}.bg-gradient-accent{background:linear-gradient(135deg,var(--secondary-color),var(--accent-color))}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--neutral-100);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-hover),#c026d3)}.focus-ring:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 3px rgba(14,165,233,0.3)}@media (prefers-contrast:high){.card-modern{border:2px solid var(--neutral-600)}.btn-modern{border:2px solid currentColor}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}@media (prefers-color-scheme:dark){:root{--neutral-50:#0a0a0a;--neutral-100:#171717;--neutral-600:#a3a3a3;--neutral-700:#d4d4d4;--neutral-900:#fafafa}body{background:linear-gradient(135deg,#0a0a0a 0%,#171717 100%);color:var(--neutral-700)}.card-modern{background:rgba(0,0,0,0.8);border:1px solid rgba(255,255,255,0.1)}.navbar-modern{background:rgba(0,0,0,0.8);border-bottom:1px solid rgba(255,255,255,0.1)}}@media print{.no-print{display:none!important}body{background:white!important;color:black!important}.card-modern{background:white!important;border:1px solid #ccc!important;box-shadow:none!important}}@media (max-width:768px){.card-modern{padding:24px;border-radius:20px}.feature-card-modern{padding:32px 24px}.pricing-card-modern{padding:32px 24px}.btn-modern{padding:14px 20px;font-size:16px}.feature-icon{width:64px;height:64px;border-radius:16px}}@media (max-width:1024px) and (min-width:769px){.pricing-card-modern.featured{transform:scale(1.02)}.pricing-card-modern.featured:hover{transform:scale(1.02) translateY(-8px)}}@media (min-width:1440px){.card-modern{padding:40px}.feature-card-modern{padding:48px}.pricing-card-modern{padding:48px}}