@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;font-family:Poppins,system-ui,sans-serif;background:#000;color:#fff;--bg: #000;--text: #fff;--accent: #EEDFFD;--error: #e88faa;--muted: rgba(238, 223, 253, .65);--surface: rgba(238, 223, 253, .05);--border: rgba(238, 223, 253, .14)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{margin:0;line-height:1.5;background:var(--bg);color:var(--text)}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;background:#00000073;border-bottom:1px solid var(--border);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4)}.navbar-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem}.navbar-brand{font-size:1.25rem;font-weight:400;text-decoration:none;color:inherit;display:inline-flex;align-items:center}.navbar-brand-caddy{color:#eedffd}.navbar-brand-taxi{color:#fff}.navbar-links{display:flex;gap:.75rem;flex-wrap:wrap}.navbar-link{border:1px solid rgba(238,223,253,.16);background:transparent;color:var(--text);border-radius:999px;padding:.75rem 1rem;font-weight:600;cursor:pointer}.app-shell{position:relative;overflow:hidden;padding:6.5rem 1.5rem 1.5rem;min-height:100vh}.app-shell:before,.app-shell:after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0}.app-shell:before{width:700px;height:700px;background:radial-gradient(circle at center,rgba(238,223,253,.18) 0%,rgba(180,120,255,.08) 45%,transparent 70%);filter:blur(64px);top:-160px;right:-100px}.app-shell:after{width:500px;height:500px;background:radial-gradient(circle at center,rgba(150,80,255,.12) 0%,rgba(238,223,253,.05) 50%,transparent 70%);filter:blur(80px);bottom:-100px;left:-60px}.app-shell>*{position:relative;z-index:1}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0 2rem;border-bottom:1px solid var(--border)}.brand{font-size:1.25rem;font-weight:800}.app-nav{display:flex;gap:.75rem}.nav-button{border:1px solid rgba(238,223,253,.16);background:transparent;color:var(--text);border-radius:999px;padding:.75rem 1rem;font-weight:600;cursor:pointer}.dashboard-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;align-items:center}.status-pill{display:inline-flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:999px;background:#eedffd1f;color:var(--text)}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.stat-card{background:#eedffd0a;border:1px solid var(--border);border-radius:1.5rem;padding:1.5rem}.stat-label{margin:0 0 .5rem;color:var(--muted)}.stat-card h2{margin:0;font-size:2.25rem}.dashboard-panels{display:grid;gap:1.5rem}.panel-card{background:#eedffd0a;border:1px solid var(--border);border-radius:1.75rem;padding:1.75rem}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.panel-text{color:var(--muted)}.message-list{list-style:none;padding:0;margin:0;display:grid;gap:.85rem}.message-list li{padding:1rem;border-radius:1rem;background:#eedffd0d}.home-cta p{margin:0;color:var(--muted)}@media (max-width: 960px){.home-hero,.feature-grid{grid-template-columns:1fr}.home-cta{flex-direction:column;text-align:center}.stats-grid{grid-template-columns:1fr}}.example-card{border:1px solid rgba(238,223,253,.14);padding:1.25rem;border-radius:16px;margin-top:2rem}.example-card header{display:flex;justify-content:space-between;align-items:center}.example-card button{padding:.5rem 1rem;border:none;background:var(--accent);color:#000;border-radius:999px;cursor:pointer}.example-card button:hover{background:#eedffdd9}.login-page,.home-page{display:flex;flex-direction:column;gap:2rem;padding:2rem 1.5rem;max-width:520px;margin:0 auto}.login-page{position:relative;overflow:visible;min-height:calc(100vh - 7rem);justify-content:center}.login-page:before,.login-page:after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0}.login-page:before{width:500px;height:500px;background:radial-gradient(circle at center,rgba(238,223,253,.22) 0%,rgba(180,120,255,.1) 45%,transparent 70%);filter:blur(48px);top:-100px;left:50%;animation:aurora1 9s ease-in-out infinite alternate}.login-page:after{width:380px;height:380px;background:radial-gradient(circle at center,rgba(150,80,255,.14) 0%,rgba(238,223,253,.06) 50%,transparent 70%);filter:blur(64px);bottom:-60px;left:50%;animation:aurora2 13s ease-in-out infinite alternate}@keyframes aurora1{0%{transform:translate(0) scale(1);opacity:.7}50%{transform:translate(30px,20px) scale(1.05);opacity:1}to{transform:translate(-20px,-15px) scale(.95);opacity:.75}}@keyframes aurora2{0%{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(-25px,-20px) scale(1.08);opacity:.8}to{transform:translate(15px,10px) scale(.95);opacity:.55}}.login-card{position:relative;z-index:1;background:#eedffd0a;border:1px solid rgba(238,223,253,.14);border-radius:1.75rem;padding:2rem;width:100%}.login-header h1{margin:.5rem 0 1rem}.login-form{display:grid;gap:1rem}.login-label{display:grid;gap:.5rem;font-weight:600}.login-input{width:100%;padding:1rem;border-radius:1rem;border:1px solid rgba(238,223,253,.16);background:#eedffd0d;color:var(--text)}.login-input::placeholder{color:#eedffd73}.login-toggle{width:100%;border:1px solid rgba(238,223,253,.16);background:transparent;color:var(--text);margin-top:.5rem}.form-error{color:var(--error);font-size:.95rem;margin:0}.whatsapp-qr-panel,.whatsapp-card{display:grid;gap:1rem}.organization-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.organization-section{margin-top:2rem}@media (max-width: 980px){.organization-check-grid{grid-template-columns:1fr}}.whatsapp-qr-note{color:var(--muted);line-height:1.6}.qr-card{background:#eedffd0a;border:1px solid rgba(238,223,253,.14);border-radius:1.5rem;min-height:240px;display:grid;place-items:center;padding:1.5rem}.qr-placeholder{color:#eedffd66;text-align:center;font-size:.95rem;max-width:24rem}.qr-container img{width:min(100%,240px);height:auto;display:block}.home-page{gap:3rem;max-width:1200px}.home-hero{display:grid;gap:2rem;align-items:center;grid-template-columns:1.1fr .9fr}.hero-copy .eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);font-weight:700;margin-bottom:1rem}.hero-copy h1{font-size:clamp(2.5rem,4vw,4.5rem);margin:0;line-height:1.05}.hero-copy .hero-text{margin:1.5rem 0;max-width:42rem;color:var(--muted);font-size:1.05rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.button{border:none;cursor:pointer;border-radius:999px;font-weight:700;transition:background .2s ease}.button-primary{background:var(--accent);color:#000;padding:1rem 1.75rem}.button-secondary{background:#eedffd14;color:var(--text);padding:1rem 1.75rem}.hero-card{background:#eedffd0a;border:1px solid var(--border);border-radius:2rem;padding:1.5rem;box-shadow:0 30px 80px #eedffd1a}.hero-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;color:var(--muted)}.status-dot{width:.75rem;height:.75rem;border-radius:999px;background:var(--accent)}.chat-bubble{border-radius:1.5rem;padding:1rem 1.25rem;max-width:85%;line-height:1.6}.chat-bubble.incoming{background:#eedffd1f;color:var(--text);margin-bottom:1rem}.chat-bubble.outgoing{background:#eedffd29;color:var(--text);margin-left:auto;margin-bottom:1rem}.home-features{padding:0 .5rem}.feature-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card{background:#eedffd0d;border:1px solid rgba(238,223,253,.22);border-radius:1.5rem;padding:1.75rem;min-height:220px}.feature-card h2{margin-top:0;margin-bottom:.75rem}.home-cta{background:#eedffd1f;border:1px solid rgba(238,223,253,.3);border-radius:2rem;padding:2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.home-cta h2{margin:0 0 .75rem}.home-cta p{margin:0;color:#eedffdb3}@media (max-width: 960px){.home-hero,.feature-grid{grid-template-columns:1fr}.home-cta{flex-direction:column;text-align:center}}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(100%,420px);background:#050308;border-left:1px solid var(--border);z-index:100;display:flex;flex-direction:column;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border)}.drawer-header h2{margin:0;font-size:1.5rem}.drawer-close-btn{background:none;border:none;color:var(--text);font-size:1.5rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}.drawer-close-btn:hover{color:var(--muted)}.drawer-content{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:2rem}.settings-section{display:flex;flex-direction:column;gap:.75rem}.settings-label{margin:0;font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.settings-value{margin:0;font-size:1.1rem;color:var(--text)}.settings-divider{height:1px;background:var(--border);margin:.5rem 0}.danger-zone{padding-top:1rem}.button-danger{background:#ee3b5826;color:#e86b8a;padding:1rem 1.75rem;border:1px solid rgba(238,59,88,.3)}.button-danger:hover{background:#ee3b5840}.button-danger:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 640px){.drawer{width:100%}}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--bg)}.app-fade-wrapper{visibility:hidden}.app-fade-wrapper.is-visible{visibility:visible}.app-fade-wrapper.is-visible .navbar,.app-fade-wrapper.is-visible .panel-card,.app-fade-wrapper.is-visible .hero-card,.app-fade-wrapper.is-visible .feature-card,.app-fade-wrapper.is-visible .qr-card,.app-fade-wrapper.is-visible .login-card,.app-fade-wrapper.is-visible .home-hero,.app-fade-wrapper.is-visible .organization-section,.app-fade-wrapper.is-visible .home-features,.app-fade-wrapper.is-visible .feature-grid,.app-fade-wrapper.is-visible .organization-check-grid,.app-fade-wrapper.is-visible h1{opacity:0}.app-fade-wrapper.is-visible .navbar{animation:fadeG1 .6s ease-out .05s forwards}.app-fade-wrapper.is-visible .app-shell:before,.app-fade-wrapper.is-visible .app-shell:after{opacity:0}.app-fade-wrapper.is-visible .app-shell:before{animation:fadeAurora .8s ease-out .1s forwards,aurora1 11s ease-in-out .1s infinite alternate}.app-fade-wrapper.is-visible .app-shell:after{animation:fadeAurora .8s ease-out .1s forwards,aurora2 15s ease-in-out .1s infinite alternate}.app-fade-wrapper.is-visible .panel-card,.app-fade-wrapper.is-visible .hero-card,.app-fade-wrapper.is-visible .feature-card,.app-fade-wrapper.is-visible .qr-card,.app-fade-wrapper.is-visible .login-card{animation:fadeG1 .6s ease-out .2s forwards}.app-fade-wrapper.is-visible .home-hero,.app-fade-wrapper.is-visible .organization-section,.app-fade-wrapper.is-visible .home-features,.app-fade-wrapper.is-visible .feature-grid,.app-fade-wrapper.is-visible .organization-check-grid{animation:fadeG1 .5s ease-out .25s forwards}.app-fade-wrapper.is-visible h1{animation:fadeG1 .6s ease-out .3s forwards}.app-fade-wrapper.is-visible h2,.app-fade-wrapper.is-visible h3,.app-fade-wrapper.is-visible p,.app-fade-wrapper.is-visible span,.app-fade-wrapper.is-visible label,.app-fade-wrapper.is-visible strong,.app-fade-wrapper.is-visible li,.app-fade-wrapper.is-visible button,.app-fade-wrapper.is-visible input,.app-fade-wrapper.is-visible a,.app-fade-wrapper.is-visible .nav-button,.app-fade-wrapper.is-visible .button{opacity:0}.app-fade-wrapper.is-visible h2,.app-fade-wrapper.is-visible h3,.app-fade-wrapper.is-visible p,.app-fade-wrapper.is-visible span,.app-fade-wrapper.is-visible label,.app-fade-wrapper.is-visible strong,.app-fade-wrapper.is-visible li{animation:fadeG2 1.2s ease-out .35s forwards}.app-fade-wrapper.is-visible button,.app-fade-wrapper.is-visible input,.app-fade-wrapper.is-visible a,.app-fade-wrapper.is-visible .nav-button,.app-fade-wrapper.is-visible .button{animation:fadeG2 1.2s ease-out .5s forwards}@keyframes fadeAurora{0%{opacity:0}to{opacity:1}}@keyframes fadeG1{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeG2{0%{opacity:0;transform:translateY(8px)}40%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
