:root{--navy-950:#061a2c;--navy-900:#09233c;--navy-800:#123b5a;--blue-700:#0b5fa5;--cyan-500:#35b8c8;--cyan-300:#7bd8dc;--cyan-100:#def6f6;--clinic:#f7fbfc;--pearl:#e9f1f4;--white:#fff;--ink:#102b40;--muted:#687e8c;--line:#d6e4e9;--green:#13816a;--green-soft:#e1f4ee;--amber:#a9680a;--amber-soft:#f9efd9;--red:#b64543;--red-soft:#fae9e8;--shadow:0 24px 70px #09233c1f;--radius-sm:11px;--radius:18px;--radius-lg:28px}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--clinic);min-width:320px;min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,p{margin-top:0}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #35b8c847}.kicker{color:var(--blue-700);letter-spacing:.17em;text-transform:uppercase;margin:0 0 10px;font-size:10px;font-weight:800}.portal-brand{color:var(--navy-900);align-items:center;gap:11px;display:inline-flex}.portal-brand-mark{width:38px;height:38px;color:var(--navy-900);background:linear-gradient(145deg,#73d9dc,#c1f3ec);border-radius:12px;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffffb3}.portal-brand-mark svg{width:20px}.portal-brand>span:last-child{display:grid}.portal-brand strong{letter-spacing:-.025em;font-size:17px;line-height:1}.portal-brand small{color:#77909e;letter-spacing:.14em;text-transform:uppercase;margin-top:4px;font-size:8px;font-weight:750}.portal-brand.light{color:#fff}.portal-brand.light small{color:#8eabba}.primary-action,.secondary-action,.copy-button,.quiet-button,.text-action{border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:46px;font-size:12px;font-weight:760;transition:all .18s;display:inline-flex}.primary-action{color:#fff;background:var(--navy-900);border:1px solid #0000;padding:0 19px;box-shadow:0 12px 28px #09233c2b}.primary-action:hover,.copy-button:hover{transform:translateY(-1px)}.primary-action svg,.secondary-action svg,.copy-button svg,.quiet-button svg{width:17px}.primary-action:disabled,.secondary-action:disabled{cursor:not-allowed;opacity:.58;transform:none}.secondary-action{border:1px solid var(--line);color:var(--ink);background:#fff;padding:0 17px}.text-action{color:var(--blue-700);background:0 0;border:0;padding:0 10px}.spinner{border:2px solid #ffffff52;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.spinner.dark{border-color:#09233c2e;border-top-color:var(--navy-900)}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.access-page{background:#fff;grid-template-columns:minmax(520px,1.08fr) minmax(480px,.92fr);min-height:100svh;display:grid}.access-visual{color:#fff;background:var(--navy-950);min-height:100svh;padding:45px clamp(36px,5vw,76px);position:relative;overflow:hidden}.access-visual-content{z-index:2;flex-direction:column;height:100%;display:flex;position:relative}.access-message{max-width:690px;margin:auto 0 9%}.access-message .kicker{color:#70d9dc}.access-message h1{letter-spacing:-.058em;max-width:650px;margin-bottom:23px;font-size:clamp(48px,5.1vw,74px);line-height:.99}.access-message>p:not(.kicker){color:#aec2cd;max-width:535px;margin-bottom:0;font-size:14px;line-height:1.8}.trust-row{color:#bad0d9;gap:25px;margin-top:39px;font-size:10px;font-weight:650;display:flex}.trust-row span{align-items:center;gap:8px;display:flex}.trust-row svg{width:17px;color:var(--cyan-300)}.medical-background{pointer-events:none;background:radial-gradient(circle at 17% 14%,#35b8c82b,#0000 25%),radial-gradient(circle at 78% 76%,#0b5fa52e,#0000 28%);position:absolute;inset:0;overflow:hidden}.medical-background:before{content:"";opacity:.2;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.medical-orbit{border:1px solid #7bd8dc26;border-radius:50%;position:absolute;transform:rotate(-12deg)}.orbit-one{width:780px;height:420px;top:19%;left:8%;box-shadow:0 0 0 85px #35b8c806,0 0 0 170px #35b8c804}.orbit-two{width:360px;height:360px;bottom:-90px;right:-100px}.security-core{border:1px solid #7bd8dc3d;border-radius:50%;place-items:center;width:98px;height:98px;display:grid;position:absolute;top:29%;right:18%;box-shadow:0 0 50px #35b8c81a}.security-core:before,.security-core:after{content:"";border:1px solid #7bd8dc24;border-radius:50%;position:absolute;inset:-24px}.security-core:after{inset:-52px}.security-core span{border:2px solid var(--cyan-300);border-radius:14px 14px 10px 10px;width:30px;height:39px}.security-core i{background:var(--cyan-300);width:7px;height:7px;box-shadow:0 0 16px var(--cyan-300);border-radius:50%;position:absolute}.medical-pulse{opacity:.8;width:100%;height:100px;position:absolute;bottom:10%;left:0;right:0}.medical-pulse path{fill:none;stroke:var(--cyan-500);stroke-width:2px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 7px #35b8c873)}.access-panel{align-content:center;padding:52px clamp(38px,7vw,105px);display:grid}.access-form-wrap{width:min(430px,100%);margin:0 auto}.mobile-brand{display:none}.access-form-wrap h2{color:var(--navy-900);letter-spacing:-.045em;margin:0;font-size:35px}.form-intro{color:var(--muted);margin:10px 0 31px;font-size:12px}.access-form-wrap label{color:#486474;margin-bottom:8px;font-size:10px;font-weight:750;display:block}.input-shell{border:1px solid var(--line);background:#fbfdfe;border-radius:13px;align-items:center;gap:10px;height:51px;padding:0 15px;transition:all .18s;display:flex}.input-shell:focus-within{border-color:var(--cyan-500);background:#fff;box-shadow:0 0 0 4px #35b8c81a}.input-shell svg{color:#78909e;width:18px}.input-shell input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.access-form-wrap form>.primary-action{width:100%;min-height:51px;margin-top:15px}.error-message{border-left:3px solid var(--red);color:#913b3a;background:var(--red-soft);margin-top:10px;padding:11px 13px;font-size:10px;line-height:1.55}.access-foot{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:11px;margin-top:31px;padding-top:21px;font-size:10px;line-height:1.55;display:flex}.access-foot svg{width:19px;color:var(--blue-700)}.access-foot a{color:var(--blue-700);font-weight:760}.demo-guide{color:var(--muted);margin-top:18px;font-size:9px}.demo-guide summary{cursor:pointer;color:var(--blue-700);font-weight:700}.demo-guide p{margin:7px 0 0;line-height:1.55}.loading-screen{background:var(--clinic);min-height:100svh;color:var(--muted);place-content:center;justify-items:center;gap:14px;font-size:11px;display:grid}.loading-screen .portal-brand-mark{width:48px;height:48px}.user-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7fbfce6;border-bottom:1px solid #d6e4e9e6;justify-content:space-between;align-items:center;height:75px;padding:0 clamp(20px,4vw,58px);display:flex;position:sticky;top:0}.user-header-actions{align-items:center;gap:12px;display:flex}.connection{min-height:29px;color:var(--green);background:var(--green-soft);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:9px;font-weight:760;display:inline-flex}.connection svg{width:13px}.connection.offline{color:var(--amber);background:var(--amber-soft)}.user-name{border-left:1px solid var(--line);padding:0 13px;display:grid}.user-name strong{font-size:11px}.user-name small{color:var(--muted);margin-top:3px;font-size:8px}.quiet-button{border:1px solid var(--line);color:var(--ink);background:#fff;padding:0 13px}.icon-action{border:1px solid var(--line);width:42px;height:42px;color:var(--navy-900);background:#fff;border-radius:12px;place-items:center;display:grid}.icon-action svg{width:17px}.offline-banner{color:#82520a;background:var(--amber-soft);text-align:center;padding:9px 20px;font-size:10px}.member-layout{grid-template-columns:minmax(0,1.65fr) minmax(280px,.72fr);gap:clamp(35px,5vw,72px);width:min(1260px,100%);margin:0 auto;padding:44px clamp(20px,4vw,55px) 65px;display:grid}.member-intro{margin-bottom:25px}.member-intro h1{letter-spacing:-.05em;margin:0;font-size:clamp(28px,3vw,41px)}.member-intro>p:last-child{color:var(--muted);margin:9px 0 0;font-size:12px}.code-card{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:linear-gradient(150deg,#fff 0%,#f5fbfc 72%,#e9f6f6 100%);border:1px solid #c9e0e6;padding:clamp(23px,3.2vw,39px);position:relative;overflow:hidden}.code-card:before{content:"";border:1px solid #35b8c82b;border-radius:50%;width:260px;height:260px;position:absolute;top:-145px;right:-145px;box-shadow:0 0 0 45px #35b8c806}.code-card.urgent{border-color:#e3c486;animation:1.1s ease-in-out infinite urgent-pulse}.code-card.expired{background:#f8fafb;box-shadow:0 16px 45px #09233c12}@keyframes urgent-pulse{50%{box-shadow:0 24px 70px #a9680a29}}.code-card-head{z-index:1;justify-content:space-between;align-items:flex-start;gap:15px;display:flex;position:relative}.code-card-head h2{letter-spacing:-.03em;margin:0;font-size:21px}.membership-badge{min-height:26px;color:var(--green);background:var(--green-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:9px;font-weight:780;display:inline-flex}.membership-badge i{background:currentColor;border-radius:50%;width:6px;height:6px}.membership-badge.expired,.membership-badge.suspended,.membership-badge.archived{color:var(--red);background:var(--red-soft)}.membership-badge.not_started{color:var(--amber);background:var(--amber-soft)}.code-core{grid-template-columns:100px minmax(0,1fr);align-items:center;gap:clamp(22px,4vw,46px);margin:31px 0 25px;display:grid}.countdown-circle{place-items:center;width:96px;height:96px;display:grid;position:relative}.countdown-circle svg{width:100%;height:100%;position:absolute;transform:rotate(-90deg)}.countdown-circle circle{fill:none;stroke-width:7px}.countdown-track{stroke:#dce9ed}.countdown-value{stroke:var(--cyan-500);stroke-linecap:round;transition:stroke-dashoffset .2s linear}.countdown-circle.urgent .countdown-value{stroke:var(--amber)}.countdown-circle span{text-align:center;display:grid}.countdown-circle strong{letter-spacing:-.04em;font-size:27px;line-height:1}.countdown-circle small{color:var(--muted);text-transform:uppercase;margin-top:3px;font-size:8px}.code-main{min-width:0}.digits{grid-template-columns:repeat(6,minmax(38px,1fr));gap:8px;display:grid}.digits span{height:clamp(55px,6vw,70px);color:var(--navy-900);background:#fff;border:1px solid #cddfe5;border-radius:13px;place-items:center;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(27px,3.4vw,42px);font-weight:760;line-height:1;display:grid;box-shadow:0 7px 20px #09233c0e}.validity-copy{color:var(--green);align-items:center;gap:7px;margin-top:13px;font-size:9px;font-weight:740;display:flex}.validity-copy svg{width:14px}.validity-copy span{color:var(--muted);margin-left:auto;font-weight:600}.validity-copy.urgent{color:var(--amber)}.expired-code{grid-template-columns:auto 1fr;align-content:center;column-gap:12px;min-height:70px;display:grid}.expired-code svg{width:25px;color:var(--muted);grid-row:1/3}.expired-code strong{font-size:13px}.expired-code span{color:var(--muted);margin-top:4px;font-size:10px}.progress-line{background:#dce8ec;border-radius:999px;height:4px;overflow:hidden}.progress-line i{transform-origin:0;background:var(--cyan-500);width:100%;height:100%;display:block}.code-card.urgent .progress-line i{background:var(--amber)}.code-card-actions{align-items:center;gap:13px;margin-top:22px;display:flex}.copy-button{color:#fff;background:var(--navy-900);border:0;min-width:190px;padding:0 18px;box-shadow:0 10px 25px #09233c26}.copy-button.copied{color:#076451;box-shadow:none;background:#dff5ee}.plan-note{color:var(--muted);margin-left:auto;font-size:9px}.floating-toast{color:#0b6d59;white-space:nowrap;background:#edf9f5;border:1px solid #b5e1d6;border-radius:9px;padding:9px 13px;font-size:9px;font-weight:700;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #09233c1f}.floating-toast.error{color:var(--red);background:#fff5f4;border-color:#efc9c7}.member-context{padding-top:79px}.expiration-alert{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:24px;padding:16px 0;display:grid}.expiration-alert>svg{width:20px;color:var(--amber)}.expiration-alert strong{font-size:11px}.expiration-alert p{color:var(--muted);margin:4px 0 0;font-size:9px}.expiration-alert button{color:var(--blue-700);background:0 0;border:0;font-size:9px;font-weight:800}.section-label{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-label span,.section-title{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:9px;font-weight:780}.section-label strong{font-size:10px}.quota-dots{grid-template-columns:repeat(6,1fr);gap:5px;margin:15px 0 13px;display:grid}.quota-dots i{background:#dce8ec;border-radius:999px;height:6px}.quota-dots i.used{background:var(--cyan-500)}.quota-meta{color:var(--muted);justify-content:space-between;gap:8px;font-size:9px;display:flex}.quota-meta span{align-items:center;gap:5px;display:flex}.quota-meta b{color:var(--ink)}.quota-meta svg{width:12px}.quota-section>p{color:#8497a2;margin:10px 0 0;font-size:8px}.membership-details{border-top:1px solid var(--line);margin-top:28px;padding-top:23px}.membership-details dl{gap:12px;margin:17px 0 0;display:grid}.membership-details dl div{justify-content:space-between;gap:12px;display:flex}.membership-details dt{color:var(--muted);font-size:9px}.membership-details dd{margin:0;font-size:10px;font-weight:750}.support-block{border-top:1px solid var(--line);grid-template-columns:auto 1fr;gap:10px;margin-top:28px;padding-top:23px;display:grid}.support-block>svg{width:19px;color:var(--blue-700)}.support-block strong{font-size:10px}.support-block p{color:var(--muted);margin:4px 0 0;font-size:9px;line-height:1.55}.support-block a{color:var(--blue-700);grid-column:2;justify-self:start;align-items:center;gap:6px;margin-top:3px;font-size:9px;font-weight:780;display:flex}.support-block a svg{width:13px}.unavailable-state{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;align-items:flex-start;min-height:420px;padding:50px;display:flex}.unavailable-state>svg{width:37px;height:37px;color:var(--blue-700);margin-bottom:24px}.unavailable-state h2{letter-spacing:-.04em;margin:0;font-size:31px}.unavailable-state>p:not(.kicker){max-width:500px;color:var(--muted);margin:12px 0 24px;font-size:12px;line-height:1.7}.blocked-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:clamp(55px,9vw,125px);width:min(1120px,100%);min-height:calc(100svh - 75px);margin:0 auto;padding:55px clamp(22px,5vw,65px);display:grid}.blocked-copy{max-width:660px}.blocked-icon{width:45px;height:45px;color:var(--red);margin:32px 0 22px}.blocked-copy h1{letter-spacing:-.055em;max-width:620px;margin:0;font-size:clamp(36px,5vw,61px);line-height:1.03}.blocked-copy>p:not(.kicker){max-width:550px;color:var(--muted);margin:17px 0 28px;font-size:13px;line-height:1.7}.blocked-copy dl{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:18px 30px;max-width:570px;margin:0;padding:20px 0;display:grid}.blocked-copy dt{color:var(--muted);font-size:9px}.blocked-copy dd{margin:5px 0 0;font-size:11px;font-weight:760}.blocked-actions{flex-wrap:wrap;align-items:center;gap:9px;margin-top:25px;display:flex}.renewal-panel{border:1px solid var(--line);border-radius:var(--radius);text-align:center;background:#fff;padding:25px;box-shadow:0 18px 50px #09233c12}.renewal-qr{border-radius:9px;width:180px;max-width:100%;height:180px}.renewal-panel strong{margin-top:16px;font-size:13px;display:block}.renewal-panel p{color:var(--muted);margin:7px 0;font-size:9px;line-height:1.6}.renewal-panel span{color:var(--blue-700);font-size:9px;font-weight:760}@media (width<=980px){.access-page{grid-template-columns:.85fr 1.15fr}.access-visual{padding:36px}.access-message h1{font-size:43px}.security-core{right:10%}.member-layout{grid-template-columns:1fr;gap:15px}.member-context{grid-template-columns:1fr 1fr;gap:0 30px;padding-top:0;display:grid}.expiration-alert{grid-column:1/-1}.support-block{margin-top:0;padding-top:23px}.blocked-layout{grid-template-columns:1fr 250px;gap:45px}}@media (width<=760px){.access-page{grid-template-columns:1fr}.access-visual{min-height:230px;padding:25px}.access-message{margin:auto 0 0}.access-message h1{max-width:470px;margin-bottom:0;font-size:34px}.access-message>p:not(.kicker),.trust-row,.security-core{display:none}.medical-pulse{height:58px;bottom:2%}.access-panel{padding:40px 25px 52px}.mobile-brand{display:none}.user-header{height:68px;padding:0 17px}.user-header .portal-brand small,.user-name,.switch-button{display:none}.connection{padding:0 8px;font-size:0}.connection svg{width:15px}.member-layout{padding:29px 17px 45px}.member-intro{margin-bottom:19px}.member-intro h1{font-size:29px}.member-context{grid-template-columns:1fr}.code-card{border-radius:21px;padding:20px 17px}.code-card-head{align-items:center}.code-card-head h2{font-size:18px}.membership-badge{font-size:8px}.code-core{grid-template-columns:76px minmax(0,1fr);gap:12px;margin:23px 0 19px}.countdown-circle{width:72px;height:72px}.countdown-circle circle{stroke-width:8px}.countdown-circle strong{font-size:21px}.digits{gap:4px}.digits span{border-radius:9px;height:52px;font-size:25px}.validity-copy{flex-wrap:wrap;font-size:8px}.validity-copy span{width:100%;margin:0 0 0 21px}.code-card-actions{flex-direction:column;align-items:stretch}.copy-button,.code-card-actions>.primary-action{width:100%;min-width:0}.plan-note{text-align:center;margin:0}.floating-toast{text-align:center;white-space:normal;bottom:14px;left:17px;right:17px;transform:none}.member-context{margin-top:12px}.expiration-alert{margin-bottom:8px}.quota-section,.membership-details,.support-block{padding:23px 2px}.support-block{margin-top:0}.blocked-layout{grid-template-columns:1fr;align-items:start;gap:30px;min-height:calc(100svh - 68px);padding:36px 20px 50px}.blocked-copy h1{font-size:38px}.blocked-icon{margin:25px 0 17px}.blocked-copy dl{grid-template-columns:1fr 1fr}.blocked-actions{flex-direction:column;align-items:stretch}.blocked-actions>*{width:100%}.renewal-panel{justify-self:center;width:min(280px,100%)}.unavailable-state{min-height:350px;padding:35px 7px}.unavailable-state h2{font-size:27px}}@media (width<=390px){.access-visual{min-height:205px}.access-message h1{font-size:30px}.access-panel{padding-top:33px}.access-form-wrap h2{font-size:30px}.digits span{height:48px;font-size:22px}.code-core{grid-template-columns:65px minmax(0,1fr)}.countdown-circle{width:64px;height:64px}.membership-badge{padding:0 8px}.portal-brand strong{font-size:15px}.portal-brand-mark{width:35px;height:35px}}@media (width<=760px){.user-header .switch-button{width:42px;padding:0;font-size:0;display:inline-flex}.user-header .switch-button svg{width:17px;margin:0}}.whatsapp-float{z-index:80;color:#fff;isolation:isolate;will-change:transform;background:linear-gradient(135deg,#28d567,#17aa50);border:1px solid #ffffff57;border-radius:999px;align-items:center;gap:12px;min-height:62px;padding:7px 18px 7px 7px;display:flex;position:fixed;bottom:clamp(18px,3vw,34px);right:clamp(18px,2.7vw,38px);box-shadow:0 18px 42px #0e7a3c47,0 5px 14px #09233c1f}.whatsapp-float:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#ffffff2e,#0000 52%);position:absolute;inset:1px}.whatsapp-float-icon{background:#04703140;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff38}.whatsapp-bubble{stroke-width:1.8px;width:29px;height:29px}.whatsapp-phone{stroke-width:2.4px;width:13px;height:13px;position:absolute;top:16px;left:18px;transform:rotate(-12deg)}.whatsapp-float-icon i{background:#f7c948;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:0;right:0;box-shadow:0 0 0 4px #f7c94833}.whatsapp-float-icon:after{content:"";z-index:-1;border:1px solid #ffffff80;border-radius:50%;animation:2.6s ease-out infinite whatsapp-ring;position:absolute;inset:-5px}.whatsapp-float-copy{white-space:nowrap;line-height:1.15;display:grid;position:relative}.whatsapp-float-copy small{color:#ffffffc7;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:8px;font-weight:700}.whatsapp-float-copy strong{font-size:10px;font-weight:800}.whatsapp-float:focus-visible{outline-offset:4px;outline:3px solid #35b8c873}@keyframes whatsapp-ring{0%{opacity:.75;transform:scale(.82)}70%,to{opacity:0;transform:scale(1.28)}}@media (width<=760px){.whatsapp-float{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));justify-content:center;width:58px;min-height:58px;padding:5px}.whatsapp-float-icon{width:48px;height:48px}.whatsapp-float-copy{display:none}}