@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Work+Sans:wght@400;500;600;700;800;900&display=swap";.hoppla-logo{display:inline-flex;align-items:center;font-family:var(--hoppla-font-logo);font-weight:400;line-height:1;letter-spacing:.05em;transform:scaleX(.95);transform-origin:left center;color:var(--tone-brand);-webkit-user-select:none;user-select:none}.hoppla-logo-word{display:inline-flex;letter-spacing:-.045em}.hoppla-letter{display:inline-block;margin:0 .03em;font-family:inherit;color:inherit}.hoppla-letter:first-child{margin-left:0}.hoppla-letter:last-child{margin-right:0}.loading-screen{--app-loading-bg: #ffffff;--app-loading-fg-soft: rgba(15, 23, 42, .78);--app-loading-track: rgba(25, 103, 195, .12);--app-loading-outline: rgba(25, 103, 195, .12);--app-loading-value: rgba(2, 6, 23, .72);--app-loading-title: rgba(2, 6, 23, .72);position:relative;display:grid;place-items:center;width:100%;min-height:100%;overflow:hidden;padding:clamp(18px,5vw,36px) clamp(16px,4vw,32px);background:var(--app-loading-bg)}.loading-screen--fullscreen{min-height:100vh;min-height:100svh;min-height:100dvh}.loading-screen__marker{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.loading-screen__glows{position:absolute;inset:-20vh -20vw;pointer-events:none}.loading-screen__glow{position:absolute;width:min(62vmax,980px);height:min(62vmax,980px);border-radius:999px;opacity:.22;filter:blur(60px);mix-blend-mode:screen}.loading-screen__glow--emerald{left:-10vmax;top:12vmax;background:radial-gradient(circle at 30% 30%,#10b9812e,#10b98100 62%);animation:loading-screen-glow-float-one 16s ease-in-out infinite}.loading-screen__glow--sky{right:-12vmax;top:-8vmax;background:radial-gradient(circle at 40% 35%,#1967c32e,#1967c300 62%);animation:loading-screen-glow-float-two 18s ease-in-out infinite}.loading-screen__glow--rose{right:-10vmax;bottom:-14vmax;background:radial-gradient(circle at 35% 40%,#be185d24,#be185d00 62%);animation:loading-screen-glow-float-three 20s ease-in-out infinite}.loading-screen__stage{position:relative;z-index:1;display:grid;place-items:center;width:min(100%,42rem)}.loading-screen__panel{display:grid;justify-items:center;align-items:center;gap:clamp(12px,2.8vw,18px);width:min(100%,34rem);text-align:center}.loading-screen__logo-wrap{display:grid;place-items:center;width:100%}.loading-screen__logo.hoppla-logo{color:#1967c3!important;transform-origin:center center}.loading-screen__logo{margin:0;font-size:clamp(2.8rem,11vw,6.25rem);line-height:1;filter:drop-shadow(0 18px 30px rgba(2,6,23,.22))}.loading-screen__progress-ring{position:relative;display:grid;place-items:center;width:clamp(148px,42vw,220px);aspect-ratio:1;margin:6px 0 2px}.loading-screen__progress-ring:before,.loading-screen__progress-ring:after{content:"";position:absolute;border-radius:999px;pointer-events:none}.loading-screen__progress-ring:before{inset:14%;background:radial-gradient(circle,rgba(25,103,195,.14),transparent 58%),radial-gradient(circle at 70% 30%,rgba(245,158,11,.18),transparent 28%),radial-gradient(circle at 28% 74%,rgba(16,185,129,.16),transparent 24%);filter:blur(12px)}.loading-screen__progress-ring:after{inset:4%;border:1px solid var(--app-loading-outline);opacity:.55}.loading-screen__progress-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 12px rgba(25,103,195,.12)) drop-shadow(0 0 28px rgba(56,189,248,.1))}.loading-screen__progress-track,.loading-screen__progress-arc{fill:none;stroke-width:8;transform-origin:center;transform:rotate(-90deg)}.loading-screen__progress-track{stroke:var(--app-loading-track)}.loading-screen__progress-arc{stroke:url(#appLoadingGradient);stroke-linecap:round;transition:stroke-dashoffset .18s ease;animation:loading-screen-progress-pulse 4.8s ease-in-out infinite}.loading-screen__progress-core{position:relative;display:grid;place-items:center;width:66%;aspect-ratio:1;border-radius:999px}.loading-screen__progress-value{color:var(--app-loading-value);font-size:clamp(1.55rem,5.2vw,2.55rem);font-weight:800;line-height:1;letter-spacing:-.04em;text-shadow:0 0 18px rgba(2,6,23,.08)}.loading-screen__kicker,.loading-screen__title,.loading-screen__message,.loading-screen__hint{margin:0}.loading-screen__kicker{font-size:clamp(.64rem,1.8vw,.72rem);font-weight:800;letter-spacing:clamp(.16em,.8vw,.28em);text-transform:uppercase;color:#1967c3}.loading-screen__title{color:var(--app-loading-title);font-family:var(--hoppla-font-ui);font-size:clamp(1.45rem,6vw,2.9rem);line-height:1.08;font-weight:800;max-width:12ch;text-wrap:balance}.loading-screen__message{color:var(--app-loading-fg-soft);max-width:26ch;font-size:clamp(.84rem,2.7vw,.92rem);line-height:1.55;text-wrap:balance}.loading-screen__hint{min-height:1.6em;color:var(--app-loading-fg-soft);max-width:30ch;font-size:clamp(.82rem,2.6vw,.9rem);line-height:1.55;text-wrap:balance}@keyframes loading-screen-glow-float-one{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(50px,-28px,0) scale(1.05)}to{transform:translateZ(0) scale(1)}}@keyframes loading-screen-glow-float-two{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(-44px,34px,0) scale(1.06)}to{transform:translateZ(0) scale(1)}}@keyframes loading-screen-glow-float-three{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(-32px,-40px,0) scale(1.04)}to{transform:translateZ(0) scale(1)}}@keyframes loading-screen-progress-pulse{0%{transform:rotate(-90deg) scale(1);filter:saturate(1) brightness(1)}50%{transform:rotate(-90deg) scale(1.014);filter:saturate(1.08) brightness(1.04)}to{transform:rotate(-90deg) scale(1);filter:saturate(1) brightness(1)}}@media(max-width:640px){.loading-screen{min-height:100vh;min-height:100svh;min-height:100dvh;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom)) 18px}.loading-screen__panel{width:100%;gap:12px}.loading-screen__progress-ring{width:min(52vw,172px)}.loading-screen__glows{inset:-12vh -28vw}}@media(min-width:641px)and (max-width:1024px){.loading-screen{padding:clamp(24px,5vw,40px)}.loading-screen__panel{width:min(100%,30rem)}.loading-screen__progress-ring{width:clamp(176px,28vw,212px)}}.page-skeleton{display:grid;gap:18px;align-content:start}.page-skeleton__hero{display:grid;gap:10px}.page-skeleton__grid{display:grid;gap:14px}.page-skeleton__grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.page-skeleton__footer{display:flex;justify-content:flex-end}.page-skeleton__block{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(180deg,#e6edf6e6,#f2f6fbf2)}.page-skeleton__block:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.7) 50%,transparent 100%);animation:page-skeleton-shimmer 1.2s ease-in-out infinite}.page-skeleton__line{border-radius:999px}.page-skeleton__line--title{width:min(72%,260px);height:34px}.page-skeleton__line--text{width:min(58%,220px);height:16px}.page-skeleton__chip-row{width:180px;height:42px;border-radius:999px}.page-skeleton__card{min-height:120px}.page-skeleton__card--wide{min-height:92px}.page-skeleton__card--usage{min-height:188px}.page-skeleton__card--form{min-height:220px}.page-skeleton__button{width:168px;height:52px;border-radius:999px}@keyframes page-skeleton-shimmer{to{transform:translate(100%)}}@media(max-width:420px){.page-skeleton__grid--two{grid-template-columns:1fr}}.bottom-nav{position:relative;z-index:24;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:center;padding:10px 14px calc(14px + env(safe-area-inset-bottom));border-top:1px solid rgba(217,227,239,.92);border-top-left-radius:30px;border-top-right-radius:30px;background:#fffffff5;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 -14px 38px #0f172a14}.bottom-nav--public{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav__item{min-height:62px;padding:10px 10px 8px;border:1px solid transparent;border-radius:20px;background:transparent;color:var(--text-muted);display:grid;place-items:center;align-content:center;gap:4px;font-size:.68rem;line-height:1.05;font-weight:900;letter-spacing:.08em;text-transform:uppercase;transition:transform .16s ease,color .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease;-webkit-tap-highlight-color:transparent}.bottom-nav__item span{display:block;line-height:1.05;color:inherit}.bottom-nav__item svg{display:block;color:inherit;fill:currentColor}.bottom-nav__item:hover:not(:disabled){transform:translateY(-1px);color:var(--tone-brand-light)}.bottom-nav__item:focus-visible{outline:none;box-shadow:0 0 0 4px #1967c31f}.bottom-nav__item.is-active,.bottom-nav__item[aria-current=page]{color:#fff;background:linear-gradient(135deg,var(--tone-brand-light),var(--tone-brand-dark));border-color:#1967c32e;box-shadow:0 14px 30px #1967c338}.bottom-nav__item.is-active span,.bottom-nav__item.is-active svg,.bottom-nav__item[aria-current=page] span,.bottom-nav__item[aria-current=page] svg{color:#fff;fill:currentColor}.bottom-nav__item:disabled{opacity:.58;cursor:not-allowed}.bottom-nav--public .bottom-nav__item{min-height:64px;font-size:.78rem}@media(max-width:560px){.bottom-nav{gap:8px;padding-inline:12px;border-top-left-radius:28px;border-top-right-radius:28px}.bottom-nav__item{min-height:58px;border-radius:18px;font-size:.62rem}.bottom-nav--public .bottom-nav__item{min-height:60px;font-size:.74rem}}.push-permission-card{margin:0 0 1rem;padding:1rem 1rem 1.05rem;border-radius:24px;border:1px solid rgba(20,40,38,.12);background:linear-gradient(180deg,#fffffffa,#f6f9f7fa);box-shadow:0 20px 42px #10182814}.push-permission-card--warning,.push-permission-card--info{border-color:#10b98133}.push-permission-card--danger{border-color:#c43d3d3d;background:linear-gradient(180deg,#fffafafa,#fff2f2fa)}.push-permission-card__header{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:start}.push-permission-card__icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:999px;color:#065f46;background:#10b98124}.push-permission-card__heading{min-width:0}.push-permission-card__eyebrow{margin:0;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#253f3bb3}.push-permission-card__title{margin:.22rem 0 0;font-size:1rem;line-height:1.2;color:#16302d}.push-permission-card__status{display:inline-flex;align-items:center;min-height:2rem;padding:0 .8rem;border-radius:999px;font-size:.88rem;font-weight:700;color:#065f46;background:#10b9811a}.push-permission-card__message,.push-permission-card__warning{margin:.8rem 0 0;font-size:.92rem;line-height:1.45;color:#16302de0}.push-permission-card__warning{color:#9f1239}.push-permission-card__facts{display:flex;flex-wrap:wrap;gap:.55rem .85rem;margin-top:.8rem;font-size:.9rem;color:#16302db8}.push-permission-card__facts span{display:inline-flex;align-items:center;gap:.36rem}.push-permission-card__actions{display:flex;gap:.7rem;margin-top:.95rem}.push-permission-card__primary,.push-permission-card__secondary{flex:1 1 0;min-height:2.8rem;border-radius:16px;border:1px solid transparent;font:inherit;font-weight:700}.push-permission-card__primary{color:#fff;background:#10b981}.push-permission-card__secondary{color:#16302d;background:#16302d0d}.push-permission-card__primary:disabled,.push-permission-card__secondary:disabled{opacity:.55}@media(max-width:640px){.push-permission-card{padding:.95rem .9rem 1rem;border-radius:22px}.push-permission-card__header{grid-template-columns:auto 1fr}.push-permission-card__status{grid-column:1 / -1;justify-self:start}.push-permission-card__actions{flex-direction:column}}.mobile-stage{min-height:100vh;min-height:100svh;min-height:100dvh;display:grid;place-items:center;padding:0;background:radial-gradient(circle at top,rgba(25,103,195,.08),transparent 42%),linear-gradient(180deg,#f8fbff,#f3f6fa)}.mobile-app{position:relative;isolation:isolate;width:min(100%,var(--mobile-max));min-height:100vh;min-height:100svh;min-height:100dvh;height:100vh;height:100svh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:var(--surface-canvas)}.mobile-app--plain,.mobile-app--contact-focus{grid-template-rows:minmax(0,1fr)}.mobile-app__content{position:relative;min-height:0;height:100%;overflow-x:hidden;overflow-y:auto;padding:22px 20px 28px;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.24) transparent;transition:padding-top .16s ease}.mobile-app__content::-webkit-scrollbar{width:8px}.mobile-app__content::-webkit-scrollbar-thumb{background:#94a3b83d;border-radius:999px}.mobile-app__content--plain{padding-top:24px}.mobile-app__content--pulling{padding-top:54px}.mobile-app__content--with-nav{padding-bottom:max(20px,env(safe-area-inset-bottom))}.mobile-app__content--guest-home{display:block}.mobile-app__content--contact-focus{display:grid;min-height:0;padding:0;overflow-x:hidden;overflow-y:auto}.mobile-app__content--contact-focus>*{min-height:100%;height:auto}.mobile-app__pull-indicator{position:absolute;top:-44px;left:50%;z-index:4;display:inline-flex;align-items:center;gap:10px;min-height:36px;padding:0 14px;border:1px solid rgba(25,103,195,.14);border-radius:999px;background:#fffffff5;color:var(--tone-brand-light);box-shadow:0 12px 28px #0f172a14;font-size:.92rem;font-weight:800;white-space:nowrap;pointer-events:none;transition:transform .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease}.mobile-app__pull-indicator--armed{color:var(--tone-brand-dark);border-color:#1967c338;box-shadow:0 14px 30px #1967c31f}.mobile-app__pull-indicator-dot{width:10px;height:10px;border-radius:999px;background:currentColor;flex:0 0 auto}.mobile-app__pull-indicator--loading .mobile-app__pull-indicator-dot{animation:mobile-app-pull-refresh-pulse .9s ease-in-out infinite}@keyframes mobile-app-pull-refresh-pulse{0%,to{transform:scale(.72);opacity:.72}50%{transform:scale(1);opacity:1}}.app-topbar{position:relative;z-index:20;padding:18px 20px 14px;border-bottom:1px solid rgba(217,227,239,.9);background:#f7f9fce0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.app-topbar__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.app-topbar__brand{min-width:0;display:inline-flex;align-items:center}.app-topbar__brand-button{appearance:none;border:none;background:transparent;padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;color:inherit;box-shadow:none}.app-topbar__brand-button .hoppla-logo{font-size:clamp(2.2rem,7vw,2.8rem)}.app-topbar__actions{display:flex;align-items:center;gap:10px}.app-topbar__icon,.app-topbar__nav-icon{position:relative;min-height:44px;min-width:44px;padding:0 14px;border:1px solid var(--border);border-radius:16px;background:#ffffffeb;color:var(--tone-brand-light);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem;font-weight:800;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease}.app-topbar__icon:hover,.app-topbar__nav-icon:hover{transform:translateY(-1px)}.app-topbar__icon:focus-visible,.app-topbar__nav-icon:focus-visible,.app-topbar__brand-button:focus-visible{outline:none;box-shadow:0 0 0 4px #1967c31f}.app-topbar--page{padding-top:16px;padding-bottom:12px}.app-topbar__page-title{margin:0;min-width:0;color:var(--tone-brand-light);text-align:center;font-size:1.9rem;line-height:1.05;font-weight:900;letter-spacing:-.03em}.app-topbar__page-row{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:14px}.app-topbar__nav-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;box-shadow:0 0 0 2px #fff,0 8px 18px #ef444447;display:inline-flex;align-items:center;justify-content:center;font-size:.68rem;line-height:1;font-weight:900;letter-spacing:0}.app-global-banner-wrap{position:absolute;top:78px;left:0;right:0;z-index:24;display:flex;justify-content:center;padding:0 14px;pointer-events:none}.app-global-banner{width:min(100%,540px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 12px 12px 14px;border:1px solid rgba(25,103,195,.16);border-radius:20px;background:#fffffffa;box-shadow:0 18px 40px #0f172a24;color:var(--tone-brand-light);pointer-events:auto;cursor:pointer;animation:app-global-banner-drop .22s ease-out}.app-global-banner--notification{border-color:var(--tone-rose-dark, #be185d);background:linear-gradient(180deg,#fff1f6fa,#fffffffa)}.app-global-banner--security{border-color:#10b98138;background:linear-gradient(180deg,#ecfdf5fa,#fffffffa)}.app-global-banner:focus-visible{outline:none;box-shadow:0 0 0 4px #1967c31f,0 18px 40px #0f172a24}.app-global-banner__icon{width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#1967c31f;color:var(--tone-brand-light)}.app-global-banner--notification .app-global-banner__icon{background:#be185d1f;color:var(--tone-rose-dark, #be185d)}.app-global-banner--security .app-global-banner__icon{background:#10b9811f;color:#047857}.app-global-banner__content{min-width:0;display:grid;gap:2px}.app-global-banner__title{font-size:.92rem;line-height:1.15;font-weight:900}.app-global-banner--notification .app-global-banner__title{color:var(--tone-rose-dark, #be185d)}.app-global-banner__message{font-size:.9rem;line-height:1.4;color:#0f172ac7}.app-global-banner--notification .app-global-banner__message{color:#111827;font-weight:800}.app-global-banner__close{appearance:none;width:34px;height:34px;border:1px solid rgba(148,163,184,.26);border-radius:12px;background:#f8fafcf5;color:#0f172ab8;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .16s ease,transform .16s ease,border-color .16s ease}.app-global-banner__close:hover{transform:translateY(-1px);background:#fff;border-color:#1967c333}.app-global-banner__close:focus-visible{outline:none;box-shadow:0 0 0 4px #1967c31f}@keyframes app-global-banner-drop{0%{transform:translateY(-18px);opacity:0}to{transform:translateY(0);opacity:1}}.app-status-pill{min-height:40px;padding:0 14px;border:1px solid transparent;border-radius:999px;display:inline-flex;align-items:center;gap:8px;background:#10b9811a;color:#047857;font-size:.9rem;font-weight:800;white-space:nowrap}.app-status-pill--closed{background:#f43f5e1a;color:#be123c}.app-status-pill__dot{width:9px;height:9px;border-radius:999px;background:currentColor}@media(min-width:561px){.mobile-stage{padding:18px}.mobile-app{height:min(940px,calc(100dvh - 36px));min-height:min(940px,calc(100dvh - 36px));border-radius:34px;border:1px solid rgba(217,227,239,.92);box-shadow:var(--shadow-xl);background:#f7f9fcfa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}@media(max-width:560px){.app-global-banner-wrap{top:74px;padding:0 10px}.app-global-banner{gap:10px;padding:11px 10px 11px 12px;border-radius:18px}.app-global-banner__icon,.app-global-banner__close{width:32px;height:32px;border-radius:10px}.app-global-banner__title{font-size:.77rem}.app-global-banner__message{font-size:.75rem}.mobile-app__content{padding:20px 16px 24px}.app-topbar{padding:16px 16px 12px}.app-topbar__page-title{font-size:1.72rem}.app-topbar__nav-badge{top:-5px;right:-5px;min-width:18px;height:18px;font-size:.62rem}}@font-face{font-family:Newake;src:url(/assets/NewakeFont-Demo-Crs_hpSn.woff2) format("woff2"),url(/assets/NewakeFont-Demo-bQFAbbcr.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:LonelyStudy;src:url(/assets/Lonely%20Study-BqieuVPE.woff2) format("woff2"),url(/assets/Lonely%20Study-C2xjA0hL.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--mobile-max: 430px;--tone-brand-light: #1967c3;--tone-brand: #1967c3;--tone-brand-dark: #1552a0;--tone-sky: #0ea5e9;--tone-sky-soft: #38bdf8;--tone-emerald: #10b981;--tone-emerald-soft: #34d399;--tone-indigo: #6366f1;--tone-indigo-soft: #818cf8;--tone-amber: #f59e0b;--tone-amber-soft: #fbbf24;--tone-rose: #f43f5e;--tone-rose-dark: #be185d;--tone-call: var(--tone-sky);--tone-whatsapp: var(--tone-emerald);--tone-email: var(--tone-indigo);--tone-intervention: var(--tone-amber);--tone-form: var(--tone-rose-dark);--text: #24324a;--text-strong: #172235;--text-soft: #5d6c84;--text-muted: #7b8aa3;--surface: #ffffff;--surface-soft: #ffffff;--surface-muted: #f2f6fb;--surface-strong: #e7eef7;--surface-brand: #eef5ff;--surface-canvas: #f7f9fc;--border: #d9e3ef;--border-strong: #c8d5e5;--shadow-sm: 0 10px 24px rgba(23, 34, 53, .06);--shadow-md: 0 18px 40px rgba(23, 34, 53, .08);--shadow-lg: 0 28px 60px rgba(23, 34, 53, .12);--shadow-xl: 0 40px 90px rgba(23, 34, 53, .16);--radius-xs: 12px;--radius-sm: 16px;--radius-md: 20px;--radius-lg: 24px;--radius-xl: 28px;--radius-pill: 999px;--hoppla-font-ui: "Inter", "Inter var", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--hoppla-font-text: "Inter", "Inter var", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--hoppla-font-sans: var(--hoppla-font-text);--hoppla-font-logo: "Newake", "Inter", "Inter var", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--hoppla-font-accent: "LonelyStudy", "Inter", "Inter var", "Segoe UI", "Helvetica Neue", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;height:100%}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;min-height:100svh;min-height:100dvh;overflow-x:hidden;color:var(--text);font-family:var(--hoppla-font-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:radial-gradient(860px circle at 0% 0%,rgba(25,103,195,.07),transparent 52%),radial-gradient(760px circle at 100% 0%,rgba(14,165,233,.06),transparent 48%),linear-gradient(180deg,#fff,#f7f9fc)}body,input,select,textarea{font-family:var(--hoppla-font-text)}button,h1,h2,h3,h4,h5,h6,header,footer,nav{font-family:var(--hoppla-font-ui)}p,label,small,li,dt,dd,figcaption,blockquote{font-family:var(--hoppla-font-text)}a{color:inherit;text-decoration:none}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}img,svg{display:block;max-width:100%}textarea{resize:vertical}::selection{background:#1967c324;color:var(--text-strong)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(25,103,195,.22);outline-offset:3px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.page-state{min-height:44svh;display:grid;place-items:center;gap:14px;text-align:center;color:var(--text-soft);padding:24px 0}.loader-pulse{width:46px;height:46px;border-radius:999px;border:3px solid rgba(25,103,195,.12);border-top-color:var(--tone-brand-light);animation:hoppla-spin .8s linear infinite}.card,.panel{border-radius:var(--radius-xl);border:1px solid var(--border);background:#fffffffa;box-shadow:var(--shadow-sm)}.section-head{display:grid;gap:10px}.section-head__eyebrow{margin:0;color:var(--tone-brand-light);font-size:.82rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.section-head__title{margin:0;color:var(--text-strong);font-size:2rem;line-height:1.06;font-weight:800}.section-head__subtitle{margin:0;color:var(--text-soft);font-size:1rem;line-height:1.65}.section-head__actions,.content-block__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.content-block,.section-block{display:grid;gap:16px;padding:22px}.content-block__title{margin:0;color:var(--text-strong);font-size:1.06rem;font-weight:800}.content-block__text{margin:0;color:var(--text-soft);font-size:.94rem;line-height:1.65}.ui-alert{padding:14px 16px;border-radius:18px;font-size:.94rem;line-height:1.6;font-weight:700}.ui-alert--danger{background:#be185d14;border:1px solid rgba(190,24,93,.16);color:var(--tone-rose-dark)}.ui-alert--success{background:#10b98114;border:1px solid rgba(16,185,129,.16);color:#047857}.btn{min-height:52px;border-radius:18px;padding:0 16px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:.94rem;font-weight:800;line-height:1;transition:transform .16s ease,filter .16s ease,opacity .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:focus-visible,.input:focus-visible,.quick-link:focus-visible,.appointment-ticket-link:focus-visible{outline:none;box-shadow:0 0 0 4px #1967c31f}.btn:disabled{opacity:.58}.btn--primary,.btn--brand{color:#fff;border-color:#1967c32e;background:linear-gradient(135deg,var(--tone-brand-light),var(--tone-brand-dark));box-shadow:0 14px 28px #1967c329}.btn--call,.btn--remote{color:#fff;border-color:#0ea5e933;background:linear-gradient(135deg,var(--tone-sky),var(--tone-sky-soft));box-shadow:0 14px 28px #0ea5e929}.btn--whatsapp,.btn--personalised{color:#fff;border-color:#10b98133;background:linear-gradient(135deg,var(--tone-emerald),var(--tone-emerald-soft));box-shadow:0 14px 28px #10b98129}.btn--email,.btn--learning{color:#fff;border-color:#6366f133;background:linear-gradient(135deg,var(--tone-indigo),var(--tone-indigo-soft));box-shadow:0 14px 28px #6366f129}.btn--intervention{color:#fff;border-color:#f59e0b38;background:linear-gradient(135deg,var(--tone-amber),var(--tone-amber-soft));box-shadow:0 14px 28px #f59e0b29}.btn--form,.btn--rose{color:#fff;border-color:#be185d38;background:linear-gradient(135deg,var(--tone-rose-dark),var(--tone-rose));box-shadow:0 14px 28px #be185d29}.btn--secondary{color:var(--text-strong);border-color:var(--border);background:#fff}.btn--ghost{color:var(--tone-brand-light);border-color:transparent;background:#1967c30f}.btn--danger{color:#fff;border-color:#be185d2e;background:linear-gradient(135deg,var(--tone-rose-dark),var(--tone-rose));box-shadow:0 14px 28px #be185d24}.badge{min-height:30px;padding:0 11px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.82rem;font-weight:800;letter-spacing:.02em;border:1px solid transparent;white-space:nowrap}.badge--brand,.badge[data-tone=brand]{color:var(--tone-brand-light);background:#1967c314;border-color:#1967c31f}.badge--success,.badge[data-tone=success]{color:#047857;background:#10b9811a;border-color:#10b98124}.badge--warning,.badge[data-tone=warning]{color:#b45309;background:#f59e0b1a;border-color:#f59e0b24}.badge--danger,.badge[data-tone=danger]{color:var(--tone-rose-dark);background:#be185d1a;border-color:#be185d24}.badge--muted,.badge[data-tone=muted]{color:#475569;background:#94a3b81a;border-color:#94a3b824}.badge--default,.badge[data-tone=default]{color:#334155;background:#0f172a0a;border-color:var(--border)}.badge--comfort,.badge[data-tone=comfort],.badge--email,.badge[data-tone=email]{color:var(--tone-indigo);background:#6366f11a;border-color:#6366f124}.badge--remote,.badge[data-tone=remote],.badge--call,.badge[data-tone=call]{color:var(--tone-sky);background:#0ea5e91a;border-color:#0ea5e924}.badge--premium,.badge[data-tone=premium],.badge--whatsapp,.badge[data-tone=whatsapp]{color:var(--tone-emerald);background:#10b9811a;border-color:#10b98124}.badge--ppn,.badge[data-tone=ppn],.badge--form,.badge[data-tone=form]{color:var(--tone-rose-dark);background:#be185d1a;border-color:#be185d24}.badge--intervention,.badge[data-tone=intervention]{color:var(--tone-amber);background:#f59e0b1a;border-color:#f59e0b24}.input{width:100%;min-height:54px;border-radius:18px;border:1px solid var(--border);background:#fff;color:var(--text-strong);font-size:.96rem;padding:0 14px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.input::placeholder{color:#94a3b8}.input:hover{border-color:#1967c338}.input:focus{outline:none;border-color:#1967c36b;box-shadow:0 0 0 4px #1967c314}.field{display:grid;gap:8px}.field__label{color:var(--text-soft);font-size:.84rem;line-height:1.2;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.empty-note{margin:0;color:var(--text-soft);font-size:.94rem;line-height:1.65}.stack-list,.data-list,.timeline-list,.quick-actions{display:grid;gap:12px}.stack-row,.data-row{min-height:70px;padding:14px 16px;border-radius:18px;border:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:var(--shadow-sm)}.stack-row__main,.timeline-item__body{min-width:0;display:grid;gap:4px}.stack-row__main strong,.timeline-item__body strong{color:var(--text-strong);font-size:.96rem;line-height:1.35}.stack-row__main span,.timeline-item__body span{color:var(--text-soft);font-size:.88rem;line-height:1.55}.stack-row__main small{color:var(--text-muted);font-size:.88rem;line-height:1.45}.data-row span{color:var(--text-soft);font-size:.88rem;line-height:1.45}.data-row strong{color:var(--text-strong);font-size:.92rem;line-height:1.4;text-align:right;word-break:break-word}.timeline-item{display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:flex-start}.timeline-item__dot{width:14px;height:14px;margin-top:7px;border-radius:999px;background:linear-gradient(135deg,var(--tone-brand-light),var(--tone-sky));box-shadow:0 0 0 4px #1967c314}.json-panel{margin:0;padding:14px;border-radius:16px;border:1px solid rgba(25,103,195,.12);background:#f8fbff;color:#1e3a8a;font-size:.9rem;line-height:1.55;white-space:pre-wrap;word-break:break-word;overflow-x:auto}.sheet-overlay{position:fixed;inset:0;z-index:60;display:grid;align-items:end;padding:16px;overflow-y:auto;overscroll-behavior:contain;background:#0f172a47;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sheet{width:min(100%,460px);max-width:100%;max-height:min(760px,calc(100dvh - 32px));margin:auto auto 0;border-radius:28px;border:1px solid var(--border);background:#fffffffa;box-shadow:var(--shadow-lg);padding:14px 14px 16px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sheet__handle{width:58px;height:5px;border-radius:999px;background:#94a3b847;margin:0 auto 14px}.sheet__head{display:grid;gap:10px}.sheet__icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#1967c314;color:var(--tone-brand-light)}.sheet__copy{display:grid;gap:8px}.sheet__title{margin:0;color:var(--text-strong);text-align:center;font-size:1.08rem;font-weight:800}.sheet__text{margin:0;color:var(--text-soft);text-align:center;font-size:.94rem;line-height:1.6}.sheet__actions{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.ticket-card-link,.appointment-ticket-link,.quick-link{text-decoration:none}.quick-link,.appointment-ticket-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:12px 14px;border-radius:16px;border:1px solid var(--border);background:var(--surface-soft);transition:transform .16s ease,border-color .16s ease,background .16s ease}.quick-link:hover,.appointment-ticket-link:hover{transform:translateY(-1px);border-color:#1967c338}.quick-link__label,.appointment-ticket-link span{color:var(--text-strong);font-size:.88rem;font-weight:700}.support-card{padding:18px;border-radius:26px;display:flex;align-items:center;gap:14px;background:#f59e0b14;border:1px solid rgba(245,158,11,.14)}.support-card__icon{width:44px;height:44px;border-radius:18px;display:grid;place-items:center;background:#f59e0b1f;color:#b45309;flex-shrink:0}.support-card__body{display:grid;gap:4px}.support-card__body strong{color:#92400e;font-size:.96rem}.support-card__body span{color:#b45309;font-size:.86rem;line-height:1.5}@keyframes hoppla-spin{to{transform:rotate(360deg)}}@media(max-width:560px){.section-head__title{font-size:1.62rem}.stack-row,.data-row,.support-card{align-items:flex-start;flex-direction:column}.data-row strong{text-align:left}.sheet-overlay{padding:12px}.sheet{max-height:calc(100dvh - 24px);border-radius:24px}.sheet__actions{grid-template-columns:1fr}}