@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";:root{--primary: #F4F4F5;--primary-hover: #D4D4D8;--secondary: #3B82F6;--accent: #EF4444;--success: #10B981;--bg-color: #09090B;--bg-gradient: radial-gradient(circle at 20% 0%, #18181B 0%, #09090B 100%);--card-bg: rgba(39, 39, 42, .4);--card-bg-hover: rgba(63, 63, 70, .6);--glass-border: 1px solid rgba(255, 255, 255, .08);--text-main: #FFFFFF;--text-muted: #9BA1A6;--text-light: #E8EAED;--border: rgba(255, 255, 255, .1);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1.25rem;--radius-xl: 1.75rem;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 8px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(59, 130, 246, .3);--font-main: "Inter", sans-serif;--font-heading: "Outfit", sans-serif}[data-theme=light]{--primary: #000000;--primary-hover: #27272A;--secondary: #007AFF;--accent: #FF3B30;--success: #34C759;--bg-color: #F5F5F7;--bg-gradient: linear-gradient(135deg, #FFFFFF 0%, #F5F5F7 100%);--card-bg: rgba(255, 255, 255, .7);--card-bg-hover: rgba(255, 255, 255, .95);--glass-border: 1px solid rgba(0, 0, 0, .06);--text-main: #1D1D1F;--text-muted: #86868B;--text-light: #424245;--border: rgba(0, 0, 0, .08);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .05);--shadow-md: 0 10px 30px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(0, 122, 255, .15)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:var(--bg-gradient);background-attachment:fixed;color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px rgba(0,0,0,.5) inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}#root{display:flex;flex-direction:column;min-height:100vh;margin:0 auto;max-width:768px;padding:2rem 1.5rem;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:-20vh;left:-20vw;width:60vw;height:60vw;background:radial-gradient(circle,var(--primary) 0%,transparent 60%);opacity:.05;border-radius:50%;pointer-events:none;z-index:-1;animation:float 10s ease-in-out infinite alternate}body:after{content:"";position:fixed;bottom:-20vh;right:-20vw;width:50vw;height:50vw;background:radial-gradient(circle,var(--secondary) 0%,transparent 60%);opacity:.05;border-radius:50%;pointer-events:none;z-index:-1;animation:float 12s ease-in-out infinite alternate-reverse}@keyframes float{0%{transform:translate(0)}to{transform:translate(30px,30px)}}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-main);font-weight:700;line-height:1.2}h1{font-size:3rem;letter-spacing:-.04em;background:linear-gradient(135deg,var(--text-main) 0%,var(--text-muted) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:2rem;letter-spacing:-.02em}h3{font-size:1.5rem}p{color:var(--text-muted)}.card{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:2rem;margin-bottom:2rem;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);background:var(--card-bg-hover);border-color:#ffffff26}.card.highlight{border-color:#3b82f64d;background:linear-gradient(145deg,rgba(59,130,246,.05),var(--card-bg));box-shadow:var(--shadow-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:9999px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;font-family:var(--font-heading);position:relative;overflow:hidden}.btn-primary{background:var(--primary);color:var(--bg-color);box-shadow:0 4px 15px #3b82f64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666;filter:brightness(1.1)}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:#6464640d;border:1px solid var(--border);color:var(--text-main);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{border-color:var(--text-main);background:#6464641a;color:var(--text-main)}.input-group{margin-bottom:1.5rem}.input-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-light);margin-bottom:.5rem;font-family:var(--font-heading)}.input-group input{width:100%;padding:1rem 1.25rem;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08);background:#0000004d;color:#fff;font-size:1rem;transition:all .3s ease;font-family:var(--font-main);box-shadow:inset 0 2px 4px #0003}.input-group input::placeholder{color:#fff3}.input-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #3b82f626,inset 0 2px 4px #0003;background:#00000080}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-light{color:var(--text-light)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.flex-center{display:flex;align-items:center;justify-content:center}.w-full{width:100%}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.1);border-left-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero-tagline{font-size:1.25rem;color:var(--text-muted);margin-bottom:2.5rem;max-width:90%;margin-left:auto;margin-right:auto;font-weight:300}.landing-section{padding:4rem 0;position:relative}.login-card-polished{background:#0f1219b3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:2.5rem;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,255,255,.1);margin:0 auto;max-width:420px;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.login-card-polished:hover{transform:translateY(-5px);border-color:#ffffff26}.login-card-polished:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary))}.step-card{display:flex;gap:1.25rem;padding:1.5rem;background:#ffffff08;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05);align-items:flex-start;transition:all .3s ease}.step-card:hover{border-color:#ffffff26;background:#ffffff0d;transform:translate(8px)}.step-number{background:linear-gradient(135deg,var(--primary),#D41A44);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;box-shadow:0 4px 10px #3b82f64d;font-family:var(--font-heading)}.trust-indicators{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:3rem}.trust-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-light);background:#ffffff0d;padding:.5rem 1.25rem;border-radius:2rem;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease}.trust-item:hover{background:#ffffff1a;border-color:#fff3}.feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-item{background:#ffffff05;padding:1.5rem;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:flex-start;gap:1rem;transition:all .3s ease}.feature-item:hover{border-color:#ffffff26;background:#ffffff0d;transform:translateY(-4px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s cubic-bezier(.16,1,.3,1) forwards}.fade-scale-in{animation:fadeScale .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.status-badge{background:#3b82f61a;color:var(--primary);padding:.35rem 1rem;border-radius:2rem;font-size:.8rem;font-weight:700;display:inline-flex;align-items:center;gap:.35rem;border:1px solid rgba(59,130,246,.2);letter-spacing:.05em;text-transform:uppercase;font-family:var(--font-heading)}.tab-group{display:flex;background:#0000004d;border-radius:999px;padding:.25rem;margin-bottom:2rem}.tab-btn{flex:1;padding:.75rem 1rem;background:transparent;border:none;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .3s ease;font-family:var(--font-heading);border-radius:999px}.tab-btn:hover{color:#fff}.tab-btn.active{background:var(--card-bg);color:#fff;box-shadow:0 2px 8px #0003}.btn-large-action{display:flex;align-items:center;gap:1.25rem;width:100%;padding:1.5rem;border-radius:var(--radius-xl);border:none;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);text-align:left;margin-bottom:1.25rem;position:relative;overflow:hidden}.btn-large-action:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:opacity .3s}.btn-large-action:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 30px #0000004d}.btn-large-action:hover:before{opacity:1}.btn-large-action:active{transform:scale(.98)}.btn-large-action .icon-box{background:#ffffff26;padding:1rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-green-gradient{background:linear-gradient(135deg,#00e676,#00a650);color:#000}.btn-green-gradient .icon-box{background:#0000001a}.btn-green-gradient *{color:#000}.btn-red-gradient{background:linear-gradient(135deg,var(--primary),#D41A44);color:#fff;box-shadow:0 8px 25px #3b82f640}@media(max-width:480px){h1{font-size:2.5rem}h2{font-size:1.5rem}.login-card-polished{padding:1.5rem;margin:10vh auto}.btn-large-action{padding:1.25rem}}@media(max-width:600px){.hidden-mobile{display:none}#root{padding:1rem}.card{padding:1.5rem;margin-bottom:1.5rem}.digital-id-card>div:last-child{padding:1.5rem!important}.contact-card>div{grid-template-columns:1fr!important;gap:.5rem!important}.app-header{flex-direction:column;align-items:flex-start;gap:1rem;padding-bottom:1rem;margin-bottom:1.5rem}.app-header>button{width:100%}.clean-contact-card{padding:1.25rem}.premium-input{padding:.75rem 1rem}.btn{padding:.75rem 1.25rem;font-size:.95rem}h1{font-size:2rem!important}h3{font-size:1.25rem}}.premium-input{width:100%;padding:1rem 1.25rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.08);background:#0006;color:#fff;font-size:1rem;transition:all .3s ease;font-family:var(--font-main);box-shadow:inset 0 2px 4px #0000001a}.premium-input:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 4px #00d2ff26,inset 0 2px 4px #0000001a;background:#0009}.soft-bg{background:#ffffff08}.soft-bg:focus{background:#ffffff14}.contact-card{background:#00000040;padding:1.5rem;border-radius:1rem;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.contact-card:hover{border-color:#ffffff1a;background:#00000059}.highlight-contact{border-left:3px solid var(--primary);background:linear-gradient(90deg,#3b82f60d,#00000040)}.digital-id-card{box-shadow:0 25px 50px -12px #0009,0 0 30px #3b82f61a;border:1px solid rgba(59,130,246,.2);transform-style:preserve-3d;perspective:1000px}.digital-id-card:before{content:"";position:absolute;inset:0 0 0 -100%;width:50%;background:linear-gradient(to right,#fff0,#ffffff0d,#fff0);transform:skew(-20deg);animation:shine 6s infinite;pointer-events:none}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.clean-btn{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;padding:1.25rem;border-radius:1rem;font-size:1.1rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary-clean{background:#fff;color:#000;box-shadow:0 8px 20px #ffffff26}.btn-primary-clean:active{transform:scale(.98)}.btn-danger-clean{background:#3b82f61a;color:var(--primary);border:1px solid rgba(59,130,246,.3)}.clean-contact-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.5rem}.clean-action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem;border-radius:.75rem;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .2s}.solid-call{background:#00d2ff1a;color:var(--secondary);border:1px solid rgba(0,210,255,.2)}.solid-whatsapp{background:#00e6761a;color:var(--success);border:1px solid rgba(0,230,118,.2)}.clean-list-btn{display:flex;align-items:center;gap:1rem;width:100%;padding:1.25rem;background:#6464641a;border:1px solid var(--border);border-radius:1rem;color:var(--text-main);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.clean-list-btn:hover{background:#64646426;border-color:var(--text-main);transform:translate(4px)}.clean-emergency-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#6464641a;border-radius:.75rem;color:var(--text-main);text-decoration:none;font-weight:700;font-size:1.1rem}.pulse-ring-wrapper{position:relative;display:inline-flex;width:100px;height:100px;align-items:center;justify-content:center}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:#00d2ff66;animation:radarPulse 2s cubic-bezier(.215,.61,.355,1) infinite;z-index:1}@keyframes radarPulse{0%{transform:translate(-50%,-50%) scale(.6);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.bento-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:1.5rem}.bento-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.bento-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:2rem;padding:2.5rem;transition:transform .3s ease,border-color .3s ease}.bento-card:hover{transform:translateY(-5px);border-color:#ffffff1a}.bento-hero{display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.bento-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(59,130,246,.05) 0%,transparent 50%);pointer-events:none}.bento-auth{display:flex;flex-direction:column;justify-content:center;padding:1.75rem 2rem}.bento-span-2{grid-column:span 2}.bento-feature h3{font-size:1.25rem;font-weight:600;letter-spacing:-.5px}@media(max-width:900px){.bento-grid,.bento-grid-3{grid-template-columns:1fr}.bento-span-2{grid-column:span 1}.bento-card{padding:1.5rem}}.clean-tabs{display:flex;background:#64646426;border-radius:1rem;padding:.35rem;margin-bottom:2rem}.clean-tab{flex:1;padding:.75rem;text-align:center;border-radius:.75rem;cursor:pointer;font-size:.9rem;font-weight:600;color:var(--text-muted);transition:all .2s;border:none;background:transparent}.clean-tab.active{background:var(--card-bg);color:var(--text-main);box-shadow:0 4px 10px #0000001a}