:root{--bg: #e7eef1;--bg-elevated: #f4f8f9;--ink: #0b1f28;--ink-soft: #3d5560;--muted: #5f7380;--line: rgba(11, 31, 40, .12);--accent: #0f6b6d;--accent-deep: #0b3d4a;--signal: #2ec4b6;--signal-soft: rgba(46, 196, 182, .18);--danger: #b42318;--danger-soft: #fef3f2;--ok: #067647;--ok-soft: #ecfdf3;--shadow: 0 24px 60px rgba(11, 61, 74, .12);--radius: 18px;--font-display: "Fraunces", Georgia, serif;--font-body: "Karla", system-ui, sans-serif;color:var(--ink);background:var(--bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px}a{color:var(--accent-deep);font-weight:600;text-decoration-thickness:1.5px;text-underline-offset:3px}a:hover{color:var(--accent)}button,input{font:inherit}h1,h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0}p{margin:0;line-height:1.55}.atmosphere{position:fixed;inset:0;z-index:-2;background:radial-gradient(900px 500px at 12% -10%,rgba(46,196,182,.28),transparent 55%),radial-gradient(700px 420px at 95% 8%,rgba(15,107,109,.18),transparent 50%),radial-gradient(600px 400px at 50% 110%,rgba(11,61,74,.1),transparent 55%),linear-gradient(165deg,#dfe9ed,#e7eef1 45%,#d5e4e8)}.wave-layer{position:fixed;inset:auto 0 0;height:42vh;z-index:-1;opacity:.45;pointer-events:none;background:repeating-linear-gradient(100deg,transparent 0 14px,rgba(11,61,74,.035) 14px 15px);-webkit-mask-image:linear-gradient(to top,black 10%,transparent 85%);mask-image:linear-gradient(to top,black 10%,transparent 85%);animation:drift 18s linear infinite}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-40px)}}.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:2rem 1.25rem 3rem}.welcome{place-items:end center;text-align:left}.welcome-inner{width:min(34rem,100%);padding-bottom:clamp(2rem,8vh,5rem);animation:rise .7s ease both}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.eyebrow{font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem;animation:rise .7s ease .08s both}.brand-hero{font-size:clamp(3.5rem,12vw,5.5rem);color:var(--accent-deep);margin-bottom:1rem;animation:rise .7s ease .14s both}.lede{font-size:1.125rem;color:var(--ink-soft);max-width:28rem;margin-bottom:1.75rem;animation:rise .7s ease .22s both}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;animation:rise .7s ease .3s both}.auth-card{width:min(26rem,100%);background:color-mix(in srgb,var(--bg-elevated) 88%,white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.75rem 1.5rem 1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:rise .55s ease both}.auth-card.narrow{text-align:center}.auth-card h1{font-size:1.85rem;margin:.35rem 0 .5rem}.brand-inline{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--accent-deep);text-decoration:none}.card-sub{color:var(--muted);margin-bottom:1.25rem;font-size:.98rem}.stack{display:flex;flex-direction:column;gap:.9rem}.center-text{align-items:center;text-align:center}.field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:600;color:var(--ink-soft)}.field input{border:1px solid var(--line);border-radius:12px;padding:.75rem .9rem;background:#fff;color:var(--ink);font-weight:500;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus{border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border-radius:999px;border:1px solid transparent;padding:.8rem 1.25rem;font-weight:700;cursor:pointer;transition:transform .12s ease,background .15s ease,border-color .15s ease;text-decoration:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-block{width:100%}.btn-primary{background:var(--accent-deep);color:#f4fbfa}.btn-primary:hover:not(:disabled){background:var(--accent);color:#fff}.btn-secondary{background:#fff;border-color:var(--line);color:var(--ink)}.btn-secondary:hover:not(:disabled){border-color:var(--accent)}.btn-ghost{background:transparent;border-color:#0b3d4a40;color:var(--accent-deep)}.btn-ghost:hover:not(:disabled){background:#ffffff73}.btn-google{background:#fff;border-color:var(--line);color:var(--ink)}.btn-google:hover:not(:disabled){border-color:var(--ink-soft)}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 25%,transparent)}.divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;margin:1rem 0;color:var(--muted);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.divider:before,.divider:after{content:"";height:1px;background:var(--line)}.form-error{color:var(--danger);background:var(--danger-soft);border-radius:10px;padding:.65rem .75rem;font-size:.9rem;font-weight:600}.form-info{color:var(--ok);background:var(--ok-soft);border-radius:10px;padding:.65rem .75rem;font-size:.9rem;font-weight:600}.foot-link{margin-top:1.1rem;text-align:center;color:var(--muted);font-size:.95rem}.config-banner{background:#fff7ed;border:1px solid #fdba74;color:#9a3412;border-radius:12px;padding:.75rem .85rem;font-size:.88rem;margin-bottom:1rem;line-height:1.45}.config-banner code{font-size:.82em}.screen-center{min-height:100dvh;display:grid;place-items:center;padding:1.5rem}.spinner{width:2rem;height:2rem;border-radius:50%;border:3px solid var(--line);border-top-color:var(--signal);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.muted{color:var(--muted)}.small{font-size:.88rem}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95em}.app-shell{min-height:100dvh;max-width:28rem;margin:0 auto;padding:1.25rem 1.25rem 2.5rem;position:relative}.app-shell:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(600px 320px at 50% -20%,rgba(46,196,182,.16),transparent 60%),var(--bg)}.app-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.brand-mark{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--accent-deep);text-decoration:none}.text-link{font-weight:600;color:var(--accent);text-decoration:none}.text-link:hover{text-decoration:underline}.gate-panel,.home-panel,.settings-panel{background:color-mix(in srgb,var(--bg-elevated) 90%,white);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem 1.25rem;box-shadow:var(--shadow)}.gate-panel h1,.home-panel h1,.settings-panel h1{font-size:1.75rem;margin-bottom:.65rem}.gate-panel p+p,.home-panel p+p{margin-top:.75rem}.gate-panel .btn{margin-top:1.25rem}.gate-icon{display:flex;gap:.35rem;margin-bottom:1rem}.gate-icon span{width:.55rem;height:.55rem;border-radius:50%;background:var(--signal);opacity:.35;animation:pulse 1.2s ease-in-out infinite}.gate-icon span:nth-child(2){animation-delay:.15s;opacity:.6}.gate-icon span:nth-child(3){animation-delay:.3s;opacity:1}@keyframes pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.meta-list{margin:0 0 1.25rem;display:grid;gap:.85rem}.meta-list div{display:grid;gap:.2rem}.meta-list dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}.meta-list dd{margin:0;font-weight:600}.rule{border:none;border-top:1px solid var(--line);margin:1.5rem 0}.field select{border:1px solid var(--line);border-radius:12px;padding:.75rem .9rem;background:#fff;color:var(--ink);font-weight:500;outline:none}.field select:focus{border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-soft)}.phone-input-row{display:flex;gap:.5rem;align-items:stretch}.dial-prefix{display:inline-flex;align-items:center;padding:0 .85rem;border-radius:12px;border:1px solid var(--line);background:#fff;font-weight:700;color:var(--ink-soft)}.phone-input-row input{flex:1}.otp-row{display:grid;grid-template-columns:repeat(6,1fr);gap:.45rem}.otp-cell{width:100%;aspect-ratio:1;text-align:center;font-size:1.25rem;font-weight:700;border:1px solid var(--line);border-radius:12px;background:#fff;outline:none}.otp-cell:focus{border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-soft)}.row-between{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.text-btn{border:none;background:none;color:var(--accent);font-weight:700;cursor:pointer;padding:.25rem 0}.text-btn:disabled{opacity:.45;cursor:not-allowed}.lookup-card{margin-top:1.25rem;padding:1rem;border-radius:14px;border:1px solid var(--line);display:grid;gap:.45rem}.lookup-hit{background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 25%,transparent)}.lookup-miss{background:#fff7ed;border-color:#fdba74}.lookup-self{background:#f8fafc}.app-nav{display:flex;gap:.85rem;align-items:center}.dialer-panel{background:color-mix(in srgb,var(--bg-elevated) 90%,white);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.dial-display{width:100%;border:none;background:transparent;font-size:1.75rem;font-weight:700;text-align:center;padding:1rem 0 .35rem;color:var(--ink);outline:none}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin:1rem 0}.key{border:1px solid var(--line);background:#fff;border-radius:16px;min-height:3.4rem;font-size:1.35rem;font-weight:700;cursor:pointer;color:var(--ink)}.key:active:not(:disabled){background:var(--signal-soft)}.dial-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:.65rem}.call-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(700px 400px at 50% 0%,rgba(46,196,182,.25),transparent 55%),linear-gradient(165deg,#0b3d4a,#0b1f28 55%,#122a33);color:#f4fbfa}.call-overlay h1{color:#f4fbfa;font-size:clamp(1.8rem,6vw,2.4rem);margin:.35rem 0 .5rem}.call-stage{width:min(24rem,100%);text-align:center;display:grid;gap:.65rem;justify-items:center}.call-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700;color:var(--signal);margin:0}.pulse-text{animation:pulse 1.2s ease-in-out infinite}.call-timer{position:absolute;top:1.25rem;left:50%;transform:translate(-50%);color:#f4fbfacc;font-weight:600}.call-actions,.call-controls{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.5rem}.call-round{min-width:7.5rem;border-radius:999px}.btn-accept{background:#067647;color:#fff}.btn-accept:hover:not(:disabled){background:#059669}.ctrl{border:1px solid rgba(244,251,250,.25);background:#ffffff14;color:#f4fbfa;border-radius:999px;padding:.75rem 1.1rem;font-weight:700;cursor:pointer}.ctrl.on{background:var(--signal);color:#0b1f28;border-color:transparent}.recents-list{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.5rem}.recent-row{width:100%;display:flex;justify-content:space-between;gap:.75rem;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:.85rem 1rem;cursor:pointer}.recent-row:hover{border-color:var(--accent)}.offline-banner{position:sticky;top:0;z-index:40;background:#9a3412;color:#fff7ed;text-align:center;padding:.55rem .75rem;font-size:.9rem;font-weight:700}.section-title{font-family:var(--font-display);font-size:1.15rem;margin:1.25rem 0 .65rem}.contacts-list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid var(--line);background:#fff;border-radius:14px;padding:.85rem 1rem}.legal-links{display:flex;gap:.5rem;align-items:center;font-weight:600}.app-shell{padding-top:calc(1.25rem + env(safe-area-inset-top,0px));padding-bottom:calc(2.5rem + env(safe-area-inset-bottom,0px));padding-left:calc(1.25rem + env(safe-area-inset-left,0px));padding-right:calc(1.25rem + env(safe-area-inset-right,0px))}.call-overlay{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media(min-width:720px){.welcome{place-items:center start;padding-left:clamp(2rem,10vw,8rem)}}