@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300&display=swap";:root{--color-bg:#f8f9fa;--color-surface:#fff;--color-sand:#f5efe3;--color-sand-dark:#ede4d3;--color-earth:#c4956a;--color-earth-dark:#a67c52;--color-night:#1a1a2e;--color-night-soft:#2a3348;--color-slate:#4a5568;--color-text:#1a1a2e;--color-text-secondary:#71717a;--color-text-muted:#a1a1aa;--color-mist:#71717a;--color-white:#fff;--color-border:#e4e4e7;--color-success:#48bb78;--color-warning:#f6ad55;--color-danger:#ef4444;--color-info:#4a90e2;--grad-primary:linear-gradient(135deg, #c4956a 0%, #a67c52 100%);--grad-night:linear-gradient(135deg, #1a1a2e 0%, #2a3348 100%);--grad-hero:linear-gradient(160deg, #f8f9fa 0%, #fff 100%);--grad-sand:linear-gradient(135deg, #f5efe3 0%, #ede4d3 100%);--grad-card:linear-gradient(160deg, #fff 0%, #fafafa 100%);--font-display:"Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 8px 24px #00000014;--shadow-xl:0 16px 48px #0000001f;--shadow-earth:0 8px 24px #c4956a40;--shadow-glow:0 0 40px #c4956a26;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;max-width:100vw;font-size:16px;overflow-x:hidden}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-weight:400;line-height:1.6;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.2}h4,h5,h6{font-family:var(--font-body);font-weight:600;line-height:1.3}p{line-height:1.7}a{color:var(--color-earth);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-earth-dark)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.container{width:100%;max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.text-earth{color:var(--color-earth)}.text-mist{color:var(--color-mist)}.text-white{color:var(--color-white)}.text-sand{color:var(--color-sand)}.bg-night{background:var(--color-night)}.bg-night-soft{background:var(--color-night-soft)}.bg-earth{background:var(--color-earth)}.bg-sand{background:var(--color-sand)}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.glass,.glass-sand{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;outline:none;padding:12px 24px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--grad-primary);color:var(--color-white);box-shadow:var(--shadow-earth)}.btn-primary:hover{color:var(--color-white);transform:translateY(-2px);box-shadow:0 12px 32px #c4956a59}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--color-bg);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{background:var(--color-bg);color:var(--color-text)}.btn-danger{color:var(--color-danger);background:#ef44441a;border:1px solid #ef444433}.btn-danger:hover{background:#ef444426;transform:translateY(-1px)}.btn-full{width:100%}.btn-lg{padding:16px 32px;font-size:1rem}.btn-sm{padding:8px 16px;font-size:.8rem}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}.form-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;font-weight:500}.form-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;min-width:0;max-width:100%;color:var(--color-text);font-family:var(--font-body);transition:all var(--transition-fast);outline:none;padding:14px 18px;font-size:.95rem}input[type=date].form-input,.form-input[type=date]{appearance:none;min-height:52px}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{border-color:var(--color-earth);background:var(--color-surface);box-shadow:0 0 0 3px #c4956a26}.form-input.error{border-color:var(--color-danger);background:#ef44440d}.form-error{color:var(--color-danger);align-items:center;gap:4px;font-size:.8rem;display:flex}.input-wrapper{width:100%;min-width:0;max-width:100%;position:relative}.input-icon-left{color:var(--color-text-muted);pointer-events:none;z-index:1;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-icon-right{color:var(--color-text-muted);cursor:pointer;z-index:1;transition:color var(--transition-fast);position:absolute;top:50%;right:14px;transform:translateY(-50%)}.input-icon-right:hover{color:var(--color-text)}.form-input.has-icon-left{padding-left:44px}.form-input.has-icon-right{padding-right:44px}.form-input.has-icon-left[type=date],.form-input.has-icon-left[type=date]:focus{-webkit-padding-start:50px!important;padding-left:50px!important}.date-range-group .form-input.has-icon-left[type=date]{padding-left:50px!important}.divider{align-items:center;gap:var(--space-md);color:var(--color-text-muted);font-size:.82rem;display:flex}.divider:before,.divider:after{content:"";background:var(--color-border);flex:1;height:1px}.social-btn{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-base);text-align:center;width:100%;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-size:.88rem;font-weight:500;display:flex}.social-btn:hover{background:var(--color-bg);box-shadow:var(--shadow-md);transform:translateY(-1px)}.social-btn:active{transform:scale(.98)}.social-btn svg{flex-shrink:0}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-earth);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.7s linear infinite spin}.spinner-earth{border-color:#c4956a33;border-top-color:var(--color-earth)}@keyframes spin{to{transform:rotate(360deg)}}.page-loader{background:var(--color-bg);justify-content:center;align-items:center;gap:var(--space-lg);z-index:9999;flex-direction:column;display:flex;position:fixed;inset:0}.page-loader-logo{font-family:var(--font-display);color:var(--color-earth);letter-spacing:-.03em;font-size:2.5rem;font-weight:700}.custom-toast{background:var(--color-surface)!important;color:var(--color-text)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;font-family:var(--font-body)!important;box-shadow:var(--shadow-lg)!important;font-size:.9rem!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideLeft{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.04)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:.4s forwards fadeIn}.animate-fadeUp{animation:.5s forwards fadeUp}.animate-fadeDown{animation:.5s forwards fadeDown}.animate-scaleIn{animation:.4s forwards scaleIn}.animate-float{animation:3s ease-in-out infinite float}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}@media (width<=768px){:root{--space-lg:16px;--space-xl:24px;--space-2xl:32px}.container{padding:0 var(--space-md)}}@media (width<=480px){html{font-size:15px}}.plan-gate-card{text-align:center;align-items:center;gap:var(--space-md);padding:var(--space-2xl) var(--space-lg);border-radius:var(--radius-lg);background:#ffffff08;border:1px dashed #ffffff1f;flex-direction:column;display:flex}.plan-gate-icon{width:56px;height:56px;color:var(--color-earth);background:#c4956a1f;border:1px solid #c4956a4d;border-radius:50%;justify-content:center;align-items:center;display:flex}.plan-gate-body{align-items:center;gap:var(--space-sm,8px);flex-direction:column;display:flex}.plan-gate-title{color:var(--color-text);font-size:.95rem;font-weight:700}.plan-gate-desc{color:var(--color-mist);max-width:280px;font-size:.82rem;line-height:1.5}.plan-gate-cta{margin-top:var(--space-xs,4px);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.plan-gate-hint{color:var(--color-mist);font-size:.75rem}.plan-gate-inline{border-radius:var(--radius-md);color:var(--color-earth);background:#c4956a12;border:1px solid #c4956a33;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;font-weight:500;display:flex}.plan-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:20px;flex-shrink:0;align-items:center;gap:3px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.plan-badge-sm{padding:1px 6px;font-size:.65rem}.plan-badge-md{padding:3px 10px;font-size:.75rem}.plan-badge-pro{color:#a78bfa;background:#8b5cf626;border:1px solid #8b5cf659}.plan-badge-standard{color:var(--color-mist);background:#a0aec01a;border:1px solid #a0aec040}
