.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal-content{background:linear-gradient(to bottom,#0f172af2,#1e293bf2);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;max-width:28rem;width:100%;position:relative;box-shadow:0 25px 50px -12px #00000080;max-height:90vh;overflow-y:auto}.modal-large{max-width:56rem}.modal-upgrade{max-width:72rem}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-body{max-height:calc(90vh - 150px);overflow-y:auto}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#94a3b8;font-size:2rem;cursor:pointer;line-height:1;transition:color .2s}.modal-close:hover{color:#e2e8f0}.modal-title{font-size:1.5rem;font-weight:700;color:#f8fafc;margin-bottom:.5rem}.modal-subtitle{color:#94a3b8;margin-bottom:1.5rem;font-size:.875rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.875rem;font-weight:500;color:#cbd5e1;margin-bottom:.5rem}.form-group input{background-color:#1e293b;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;padding:.75rem;color:#e2e8f0;font-size:1rem;transition:all .2s}.form-group input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-group input:disabled{opacity:.5;cursor:not-allowed}.error-message{background-color:#ef44441a;border:1px solid rgb(239 68 68);color:#fca5a5;padding:.75rem;border-radius:.5rem;font-size:.875rem}.btn-primary{background-color:#6366f1;color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s;font-size:1rem}.btn-primary:hover:not(:disabled){background-color:#4f46e5}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:#334155;color:#e2e8f0;font-weight:600;padding:.75rem 1.5rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s;font-size:1rem}.btn-secondary:hover{background-color:#475569}.auth-footer{margin-top:1.5rem;text-align:center}.auth-footer p{color:#94a3b8;font-size:.875rem}.link-button{background:none;border:none;color:#6366f1;cursor:pointer;text-decoration:underline;font-size:.875rem;padding:0}.link-button:hover:not(:disabled){color:#818cf8}.link-button:disabled{opacity:.5;cursor:not-allowed}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.75rem;background-color:#1e293bcc;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:.5rem 1rem;cursor:pointer;transition:all .2s}.user-menu-trigger:hover{background-color:#334155cc;border-color:#fff3}.user-avatar{width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.875rem}.user-email{color:#e2e8f0;font-size:.875rem;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tier-badge{font-size:.625rem;font-weight:700;padding:.25rem .5rem;border-radius:.375rem;letter-spacing:.05em}.tier-free{background-color:#64748b33;color:#cbd5e1}.tier-individual{background:linear-gradient(135deg,#6366f133,#8b5cf633);color:#a78bfa}.tier-enterprise{background:linear-gradient(135deg,#eab30833,#f9731633);color:#fbbf24}.dropdown-arrow{transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:linear-gradient(to bottom,#0f172afa,#1e293bfa);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;min-width:20rem;box-shadow:0 25px 50px -12px #00000080;z-index:100;overflow:hidden}.user-info-section{padding:1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.user-info-email{color:#e2e8f0;font-weight:500;margin-bottom:.5rem;word-break:break-all}.user-info-tier{margin-top:.5rem}.usage-section{padding:1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.usage-label{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.usage-text{color:#e2e8f0;font-size:.875rem;margin-bottom:.75rem}.usage-bar{height:.5rem;background-color:#1e293b;border-radius:9999px;overflow:hidden}.usage-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width .3s ease}.menu-divider{height:1px;background-color:#ffffff1a}.menu-items{padding:.5rem}.menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;border-radius:.5rem;color:#cbd5e1;font-size:.875rem;cursor:pointer;transition:all .2s;text-align:left}.menu-item:hover{background-color:#ffffff0d;color:#e2e8f0}.menu-item svg{flex-shrink:0}.menu-item-upgrade{color:#a78bfa}.menu-item-upgrade:hover{background:linear-gradient(135deg,#6366f11a,#8b5cf61a)}.menu-item-logout{color:#f87171}.menu-item-logout:hover{background-color:#ef44441a;color:#fca5a5}.upgrade-header{text-align:center;margin-bottom:2rem}.pricing-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.pricing-card{background:#1e293b99;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;position:relative;transition:all .3s}.pricing-card:hover{border-color:#fff3;transform:translateY(-4px)}.pricing-card-popular{border-color:#6366f1;box-shadow:0 0 30px #6366f133}.pricing-popular-badge{position:absolute;top:-.75rem;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:.625rem;font-weight:700;padding:.25rem .75rem;border-radius:9999px;letter-spacing:.05em}.pricing-tier-badge{display:inline-block;margin-bottom:1rem}.pricing-price{font-size:2.5rem;font-weight:700;color:#f8fafc;line-height:1}.pricing-period{color:#94a3b8;font-size:.875rem;margin-bottom:1.5rem}.pricing-features{list-style:none;padding:0;margin:0 0 1.5rem;flex-grow:1}.pricing-features li{color:#c7b299;font-size:.875rem;padding:.5rem 0;border-bottom:1px solid rgba(199,178,153,.08)}.pricing-features li:last-child{border-bottom:none}.pricing-current{background-color:#64748b4d;color:#cbd5e1;padding:.75rem;border-radius:.5rem;text-align:center;font-weight:600;font-size:.875rem}.current-plan{opacity:.7}.upgrade-footer{text-align:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.upgrade-footer p{color:#94a3b8;font-size:.875rem}@media(max-width:768px){.user-email{display:none}.pricing-tiers{grid-template-columns:1fr}.modal-upgrade{max-height:90vh;overflow-y:auto}}.landing-page{background:linear-gradient(135deg,#000,#2e1a47,#000);min-height:100vh}.hero-section{background:linear-gradient(135deg,#c1272d26,#2e1a4733,#c1272d1a);border-bottom:1px solid rgba(199,178,153,.2);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(193,39,45,.15),transparent);animation:pulse 15s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.hero-title{font-size:3.5rem;font-weight:800;color:#f8fafc;line-height:1.1;margin-bottom:1.5rem}.hero-title-accent{background:linear-gradient(135deg,#c1272d,#a8b5e1,#c1272d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 5s ease infinite;background-size:200% 200%}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-subtitle{font-size:1.25rem;color:#c7b299;line-height:1.7;margin-bottom:2.5rem;max-width:48rem;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}.btn-cta-primary{background:linear-gradient(135deg,#c1272d,#2e1a47,#c1272d);color:#c7b299;font-weight:600;font-size:1.125rem;padding:1rem 2.5rem;border-radius:.75rem;border:none;cursor:pointer;transition:all .3s;box-shadow:0 10px 30px #c1272d80;position:relative;overflow:hidden;background-size:200% 200%;animation:gradient-shift 5s ease infinite}.btn-cta-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(168,181,225,.3),transparent);transition:left .5s}.btn-cta-primary:hover:before{left:100%}.btn-cta-primary:hover{transform:translateY(-2px);box-shadow:0 15px 40px #c1272db3}.btn-cta-secondary{background:#3c3c3ce6;color:#c7b299;font-weight:600;font-size:1.125rem;padding:1rem 2.5rem;border-radius:.75rem;border:1px solid rgba(199,178,153,.3);cursor:pointer;transition:all .3s}.btn-cta-secondary:hover{background:#2e1a47e6;border-color:#a8b5e180}.hero-badge{color:#a8b5e1;font-size:.875rem;font-weight:500}.features-section{background:#000}.section-title{font-size:2.5rem;font-weight:700;color:#f8fafc;text-align:center;margin-bottom:1rem}.section-subtitle{font-size:1.125rem;color:#c7b299;text-align:center;margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:linear-gradient(135deg,#3c3c3c99,#2e1a4766);border:1px solid rgba(199,178,153,.15);border-radius:1rem;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#c1272d,#a8b5e1,#c1272d);opacity:0;transition:opacity .3s}.feature-card:hover:before{opacity:1}.feature-card:hover{border-color:#a8b5e180;transform:translateY(-4px);box-shadow:0 10px 30px #c1272d4d;background:linear-gradient(135deg,#2e1a47b3,#3c3c3c80)}.feature-icon{width:3rem;height:3rem;background:linear-gradient(135deg,#c1272d4d,#2e1a4766);border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#a8b5e1;margin-bottom:1.5rem;box-shadow:0 4px 15px #c1272d4d}.feature-title{font-size:1.25rem;font-weight:600;color:#f8fafc;margin-bottom:.75rem}.feature-description{color:#c7b299;line-height:1.6}.pricing-section{background:linear-gradient(135deg,#000,#2e1a4766,#000);border-top:1px solid rgba(199,178,153,.2);position:relative}.pricing-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(193,39,45,.1),transparent);pointer-events:none}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem;max-width:1200px;margin-left:auto;margin-right:auto}.pricing-card-landing{background:#3c3c3c80;border:1px solid rgba(199,178,153,.15);border-radius:1rem;padding:2rem;display:flex;flex-direction:column;position:relative;transition:all .3s}.pricing-card-landing:hover{border-color:#a8b5e166;transform:translateY(-4px)}.btn-pricing{width:100%;background:#c1272d26;color:#a8b5e1;font-weight:600;padding:.875rem;border-radius:.5rem;border:1px solid rgba(193,39,45,.3);cursor:pointer;transition:all .2s;margin-top:auto}.btn-pricing:hover{background:#c1272d40;border-color:#c1272d80}.btn-pricing-popular{background:linear-gradient(135deg,#c1272d,#2e1a47,#c1272d);color:#c7b299;border:none;background-size:200% 200%;animation:gradient-shift 5s ease infinite}.btn-pricing-popular:hover{box-shadow:0 10px 30px #c1272d99}.use-cases-section{background:#000;border-top:1px solid rgba(199,178,153,.2)}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.use-case-card{background:#3c3c3c66;border:1px solid rgba(199,178,153,.1);border-radius:1rem;padding:2rem;text-align:center;transition:all .3s}.use-case-card:hover{border-color:#a8b5e14d;transform:translateY(-4px)}.use-case-title{font-size:1.5rem;font-weight:600;color:#f8fafc;margin-bottom:.75rem}.use-case-description{color:#c7b299;line-height:1.6}.final-cta-section{background:linear-gradient(135deg,#c1272d26,#2e1a4733,#c1272d1a);border-top:1px solid rgba(199,178,153,.2);position:relative;overflow:hidden}.final-cta-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(168,181,225,.12),transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.final-cta-title{font-size:3rem;font-weight:700;color:#f8fafc;margin-bottom:1rem}.final-cta-subtitle{font-size:1.25rem;color:#c7b299;margin-bottom:2.5rem}.btn-final-cta{background:linear-gradient(135deg,#c1272d,#2e1a47,#c1272d);color:#c7b299;font-weight:600;font-size:1.25rem;padding:1.25rem 3rem;border-radius:.75rem;border:none;cursor:pointer;transition:all .3s;box-shadow:0 10px 30px #c1272d80;position:relative;z-index:1;background-size:200% 200%;animation:gradient-shift 5s ease infinite}.btn-final-cta:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 15px 40px #c1272db3}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.section-title,.final-cta-title{font-size:2rem}.features-grid,.pricing-grid,.use-cases-grid{grid-template-columns:1fr}.hero-cta{flex-direction:column}.btn-cta-primary,.btn-cta-secondary{width:100%}}