:root{
  --u-pinkbg-100:#fdeef3;
  --u-pinkbg-200:#fadae9;
  --u-pinkbg-300:#f8c6da;
  --u-pinkbg-deep:#f5a7c7;
  --u-lilac:#eae5f5;
  --u-lilac-deep:#d8def7;

  --u-panel:#fffefe;
  --u-panel-soft:#fef3f9;
  --u-panel-deep:#fbe7f2;

  --u-primary:#eb5098;
  --u-primary-hover:#e32e7e;
  --u-warm:#fb5a73;
  --u-warm-deep:#fb4961;
  --u-peach:#fd7c3e;
  --u-peach-deep:#f76c25;
  --u-love:#fe4b5c;
  --u-cornflower:#c5ccf1;

  --u-copy:#2b272f;
  --u-copy-soft:#6a6673;
  --u-quiet:#9a949e;
  --u-divider:#f3dae5;

  --u-contrast:#fffefe;
  --u-blank:#fffefe;
  --u-valid:#2fae67;
  --u-divider-soft:rgba(255,254,254,.88);
  --u-panel-surface:rgba(255,254,254,.91);
  --u-overlay:rgba(43,39,47,.51);
  --u-bottom-surface:#2b272f;
  --u-bottom:#dad4db;
  --u-bottom-deep:#fffefe;
  --u-bottom-soft:#a89fb1;
  --u-bottom-edge:rgba(255,254,254,.11);

  --u-rnd-sm:14px;
  --u-rnd-md:20px;
  --u-rnd-lg:28px;
  --u-rnd-xl:36px;
  --u-rnd-pill:999px;

  --u-shade-sm:0 6px 16px -8px rgba(235,80,152,.34);
  --u-shade-md:0 18px 38px -18px rgba(235,80,152,.38);
  --u-shade-lg:0 30px 60px -24px rgba(227,46,126,.4);

  --u-heading:"Trebuchet MS","Segoe UI",system-ui,-apple-system,"Helvetica Neue",sans-serif;
  --u-type:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;

  --u-container:1200px;
  --u-edge-x:24px;
  --u-sy:clamp(56px,7vw,104px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--u-type);-webkit-font-smoothing:antialiased;background:
    radial-gradient(1200px 700px at 85% -8%, var(--u-pinkbg-300) 0%, transparent 55%),
    radial-gradient(900px 600px at -10% 8%, var(--u-lilac) 0%, transparent 55%),
    linear-gradient(180deg, var(--u-pinkbg-100) 0%, var(--u-panel-soft) 40%, var(--u-pinkbg-100) 100%);margin:0;
  color:var(--u-copy);
  background-attachment:fixed;line-height:1.6;
}
img{display:block;max-width:100%}
.questions-block{border-radius:var(--u-rnd-md);border:1px solid var(--u-divider);box-shadow:var(--u-shade-sm);overflow:hidden;background:var(--u-panel);margin-bottom:14px}
.questions-block summary{font-family:var(--u-heading);justify-content:space-between;cursor:pointer;font-weight:800;font-size:1.05rem;list-style:none;align-items:center;gap:16px;padding:20px 22px;display:flex;color:var(--u-copy)}
.questions-block summary::-webkit-details-marker{display:none}
.questions-block summary::after{display:grid;flex:none;place-items:center;font-size:1.2rem;background:var(--u-panel-deep);color:var(--u-primary);content:"+";width:30px;height:30px;border-radius:50%;transition:transform .25s ease}
.questions-block[open] summary::after{background:var(--u-primary);color:var(--u-contrast);transform:rotate(45deg)}
.questions-ans{color:var(--u-copy-soft);padding:0 22px 20px}

.holder{padding-block:clamp(60px,10vw,140px);text-align:center}
.holder__idx{font-family:var(--u-heading);font-weight:800;line-height:.9;font-size:clamp(6rem,20vw,13rem)}
.holder__block{justify-content:center;gap:14px;flex-wrap:wrap;margin-top:30px;display:flex}
.bar-entry{color:var(--u-copy);font-weight:600;padding:9px 14px;transition:background .18s,color .18s;border-radius:var(--u-rnd-pill);font-size:.96rem}
.bar-entry:hover{color:var(--u-primary-hover);background:var(--u-panel-deep)}
.bar-twinkle{cursor:pointer;padding:9px 12px;border:none;font-weight:600;background:none;transition:background .18s ease,color .18s ease;position:relative;align-items:center;border-radius:var(--u-rnd-pill);text-decoration:none;font-size:.96rem;display:inline-flex;gap:7px;color:var(--u-copy)}
.bar-twinkle:hover{color:var(--u-primary-hover);background:var(--u-panel-deep)}
.bar-twinkle svg{width:20px;color:var(--u-primary);height:20px}
.bar-twinkle:hover svg{color:var(--u-primary-hover)}
.bar-twinkle__para{white-space:nowrap}
.bar-twinkle .messenger-stamp{top:auto;position:static;right:auto}
.bar-twinkle-mob{padding:14px 2px;background:none;text-align:left;color:var(--u-copy);text-decoration:none;width:100%;gap:9px;align-items:center;display:flex;border:none;font-weight:600;cursor:pointer;border-bottom:1px solid var(--u-divider);font-size:15px}
.bar-twinkle-mob:hover{color:var(--u-primary-hover)}
.bar-twinkle-mob svg{color:var(--u-primary);width:18px;height:18px}

.main-head{z-index:60;border-bottom:1px solid var(--u-divider);background:var(--u-panel);position:sticky;top:0}
.main-head__body{align-items:center;display:flex;padding-block:12px;min-height:74px;justify-content:space-between;gap:20px}

.lookup-form{display:flex;border-radius:var(--u-rnd-pill);background:var(--u-panel);margin:0 auto;gap:12px;padding:12px;border:1px solid var(--u-divider-soft);box-shadow:var(--u-shade-md)}
.lookup-form .textbox{box-shadow:none;font-size:1.06rem;background:transparent;border:none}
.lookup-form .textbox:focus{box-shadow:none}
.lookup-form+.zones{margin-top:40px}
.intro{font-size:1.06rem;margin-top:14px;color:var(--u-copy-soft)}
::selection{background:rgba(235,80,152,.24)}

.burger{display:none;z-index:1105;cursor:pointer;flex-direction:column;padding:6px;background:none;border:none;gap:5px}
.burger span{transition:transform .3s ease,opacity .3s ease;display:block;border-radius:2px;background:var(--u-copy);width:26px;height:3px}
.burger.shown span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}
.burger.shown span:nth-child(2){opacity:0}
.burger.shown span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}
p{margin:0}

.main-end{color:var(--u-bottom);background:var(--u-bottom-surface)}
.main-end .wrap{padding-block:56px 22px}
.main-end a{color:var(--u-bottom)}
.main-end a:hover{color:var(--u-bottom-deep)}
h1,h2,h3,h4{margin:0;font-family:var(--u-heading);color:var(--u-copy);line-height:1.12;letter-spacing:-.01em}
.assets-list{gap:10px;display:grid;margin-top:14px}
.assets-list li{color:var(--u-copy);padding-left:24px;position:relative}
.assets-list li::before{content:"";left:0;position:absolute;width:10px;background:var(--u-warm);border-radius:50%;top:.5em;height:10px}

.stamp-chip{color:var(--u-primary);font-weight:700;border:1px solid var(--u-divider);display:inline-flex;gap:8px;box-shadow:var(--u-shade-sm);letter-spacing:.06em;border-radius:var(--u-rnd-pill);font-size:.82rem;padding:8px 16px;background:var(--u-panel);align-items:center}
.stamp-chip svg{width:16px;color:var(--u-warm);height:16px}
.breadcrumb li:not(:last-child)::after{color:var(--u-quiet);content:"\00203a";margin-left:6px}
.breadcrumb a{color:var(--u-copy-soft)}
.account__twinkle{cursor:pointer;box-shadow:var(--u-shade-sm);z-index:2;top:12px;height:36px;place-items:center;right:12px;color:var(--u-warm);display:grid;position:absolute;background:var(--u-panel-surface);border-radius:50%;transition:transform .16s,background .16s,color .16s;width:36px;border:none}
.account__twinkle svg{width:18px;height:18px}
.account__twinkle:hover{transform:scale(1.08)}
.account__twinkle.done{color:var(--u-contrast);background:var(--u-warm)}
.account__twinkle.done svg{fill:currentColor}
.account-frame__twinkle{width:46px;top:14px;height:46px;right:14px}
.account-frame__twinkle svg{height:21px;width:21px}
.account__body{padding:16px 18px}
.account__label{font-family:var(--u-heading);font-weight:800;font-size:1.12rem}
.account__label a{text-decoration:none;outline-offset:3px;color:inherit}
.account__label a::after{position:absolute;content:"";z-index:1;inset:0}
.account__label span{color:var(--u-quiet);font-weight:600}
.account__place{align-items:center;font-size:.88rem;display:flex;gap:6px;margin-top:4px;color:var(--u-copy-soft)}
.account__place .pin svg{width:14px;height:14px;color:var(--u-primary)}
.account__messenger{color:var(--u-contrast);position:relative;width:100%;z-index:2;display:inline-flex;font-weight:700;gap:7px;padding:9px 14px;font-size:.9rem;border-radius:var(--u-rnd-pill);margin-top:12px;justify-content:center;align-items:center;transition:transform .16s ease,box-shadow .16s ease;box-shadow:var(--u-shade-sm);background:linear-gradient(135deg,var(--u-primary),var(--u-warm))}
.account__messenger svg{height:16px;width:16px}
.account__messenger:hover{box-shadow:var(--u-shade-md);transform:translateY(-1px)}
.account-grid{display:grid;margin-top:22px;align-items:start;gap:clamp(24px,4vw,52px);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.account-col{min-width:0}
.account-frame{background:linear-gradient(160deg,var(--u-pinkbg-200),var(--u-lilac-deep));margin:0;box-shadow:var(--u-shade-md);border-radius:var(--u-rnd-lg);position:relative;overflow:hidden}
.account-frame img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;height:auto}
.account-ctrl{height:44px;background:var(--u-panel-surface);transition:transform .15s ease,background .15s ease;place-items:center;z-index:2;top:50%;position:absolute;box-shadow:var(--u-shade-md);color:var(--u-primary-hover);display:grid;transform:translateY(-50%);width:44px;cursor:pointer;border-radius:50%;border:none}
.account-ctrl:hover{transform:translateY(-50%) scale(1.07);background:var(--u-panel-surface)}
.account-ctrl svg{width:22px;height:22px}
.account-prev{left:12px}
.account-fwd{right:12px}
.account-track{flex-wrap:wrap;margin-top:12px;gap:10px;display:flex}
.account-block{border:2px solid transparent;transition:transform .15s ease,border-color .15s ease;padding:0;flex:0 0 auto;border-radius:var(--u-rnd-sm);width:72px;cursor:pointer;background:var(--u-panel-deep);box-shadow:var(--u-shade-sm);overflow:hidden;aspect-ratio:3/4}
.account-block img{object-fit:cover;width:100%;height:100%;display:block}
.account-block:hover{transform:translateY(-2px)}
.account-block.done{border-color:var(--u-primary)}
.account-col [hidden]{display:none!important}
.account-reel{width:100%;height:auto;background:#000002;display:block;object-fit:contain;max-height:70vh}
.account-block--reel{position:relative}
.pic-done svg{stroke:none;fill:currentColor}
.bullet{font-size:.6rem;color:var(--u-valid);line-height:1}
.breadcrumb{justify-content:flex-start;color:var(--u-quiet);font-size:.86rem;flex-wrap:wrap;margin-bottom:14px;gap:6px;display:flex}

.blog-block h1{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800}
.blog-block h2{font-size:1.35rem;margin-top:34px;font-weight:800;color:var(--u-primary-hover)}
.blog-block p{color:var(--u-copy-soft);font-size:1.04rem;margin-top:14px}
.blog-block p a{font-weight:600}
.blog-block ul{display:grid;margin-top:14px;gap:10px}
.blog-block li{position:relative;color:var(--u-copy-soft);padding-left:24px}
.blog-block li::before{border-radius:50%;left:0;background:var(--u-warm);content:"";height:10px;width:10px;top:.5em;position:absolute}
.blog-questions>.wrap>h2{margin-bottom:28px;text-align:center}
.account-panel{border-radius:var(--u-rnd-lg);position:relative;transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--u-divider-soft);box-shadow:var(--u-shade-md);background:var(--u-panel);overflow:hidden}
.account-panel:hover{box-shadow:var(--u-shade-lg);transform:translateY(-6px)}
.account__avatar{aspect-ratio:1/1;background:linear-gradient(160deg,var(--u-pinkbg-200),var(--u-lilac-deep));overflow:hidden;position:relative}
.account__avatar img{height:100%;width:100%;display:block;object-fit:cover}
.account__stamp{box-shadow:var(--u-shade-sm);font-weight:700;gap:6px;display:inline-flex;top:12px;border-radius:var(--u-rnd-pill);color:var(--u-valid);align-items:center;position:absolute;z-index:2;left:12px;padding:5px 10px;background:var(--u-panel-surface);font-size:.72rem}
svg{display:block}
.cityhall-label{margin-bottom:14px;font-family:var(--u-heading);font-weight:800}
.cityhall-line{align-items:flex-start;gap:10px;display:flex;margin-top:10px;font-size:.94rem;color:var(--u-copy-soft)}
.cityhall-line .pin{color:var(--u-primary);flex:none}
.cityhall-line .pin svg{height:16px;width:16px}
.core-bar{display:flex;gap:8px;margin-left:auto;align-items:center}
.metric{border-radius:var(--u-rnd-md);box-shadow:var(--u-shade-sm);gap:12px;align-items:center;background:var(--u-panel);border:1px solid var(--u-divider-soft);padding:14px 16px;display:flex}
.metric-pic{border-radius:12px;display:grid;color:var(--u-primary);width:40px;flex:none;height:40px;place-items:center;background:var(--u-panel-deep)}
.metric-pic svg{width:18px;height:18px}
.metric-para dt{text-transform:uppercase;color:var(--u-quiet);font-size:.78rem;letter-spacing:.05em}
.metric-para dd{font-family:var(--u-heading);font-weight:800;margin:2px 0 0;font-size:.98rem}
.breadcrumb a:hover{color:var(--u-primary-hover)}
.time{display:flex;font-size:.9rem;justify-content:space-between;gap:12px;color:var(--u-copy-soft)}
.account-reel-start{border-radius:50%;top:50%;transform:translate(-50%,-50%);box-shadow:var(--u-shade-md);place-items:center;padding-left:6px;position:absolute;font-size:1.9rem;border:none;line-height:1;z-index:3;background:rgba(0,0,2,.51);height:78px;color:#fffefe;display:grid;left:50%;transition:transform .15s ease,background .15s ease;cursor:pointer;width:78px}
.account-reel-start:hover{transform:translate(-50%,-50%) scale(1.07);background:rgba(0,0,2,.68)}
.account-aside{top:96px;position:sticky}
.account-head{display:flex;margin-top:14px;flex-wrap:wrap;align-items:center;gap:12px}
.account-head .stamp-chip{flex:none}
.account-intro{font-family:var(--u-heading);font-weight:800;line-height:1.1;font-size:clamp(1.7rem,3.2vw,2.3rem)}
.account-intro span{font-weight:600;color:var(--u-quiet);font-size:.62em}
.account-small{gap:7px;font-size:1.02rem;margin-top:10px;align-items:center;color:var(--u-copy-soft);display:flex}
.account-small .pin svg{width:18px;height:18px;color:var(--u-primary)}
.account-small a{text-decoration:none;color:var(--u-primary-hover);font-weight:600;transition:border-color .15s ease;border-bottom:1px solid transparent}
.account-small a:hover{border-bottom-color:currentColor}
.account-metrics{gap:8px;flex-wrap:wrap;margin-top:16px;display:flex}
.account-aside .intro{margin-top:18px}
.account-list{display:flex;margin-top:24px;gap:12px;flex-wrap:wrap}
.sign{font-family:var(--u-heading);color:var(--u-copy);letter-spacing:-.02em;font-weight:800;align-items:center;gap:11px;display:flex;font-size:1.28rem}
.sign:hover{color:var(--u-copy)}
.sign__icon{display:inline-flex;justify-content:center;box-shadow:0 8px 18px -8px rgba(235,80,152,.8);width:42px;background:linear-gradient(135deg,var(--u-primary),var(--u-warm) 55%,var(--u-peach));flex-shrink:0;color:var(--u-contrast);border-radius:14px;align-items:center;height:42px}
.sign__icon svg{height:22px;width:22px}

.wrap{max-width:var(--u-container);padding-inline:var(--u-edge-x);margin-inline:auto}

.zones{gap:32px;flex-direction:column;display:flex}
.zones-block h2{font-size:1.15rem;margin-bottom:16px;color:var(--u-copy);font-weight:800}
.zones-links{gap:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.zones-links a{color:var(--u-copy);font-size:.92rem;font-weight:600;box-shadow:var(--u-shade-sm);gap:10px;justify-content:space-between;transition:transform .14s,box-shadow .14s,color .14s;padding:13px 16px;align-items:center;border:1px solid var(--u-divider);background:var(--u-panel);display:flex;border-radius:var(--u-rnd-md)}
.zones-links a:hover{color:var(--u-primary-hover);transform:translateY(-3px);box-shadow:var(--u-shade-md)}
.zones-links a .pin{flex:none;color:var(--u-primary);display:grid;place-items:center}
.zones-links a .pin svg{height:16px;width:16px}

.form-frame{max-width:640px}
.form-holder{overflow:hidden;width:1px;position:absolute;left:-9999px;height:1px}

.blog{display:grid;gap:clamp(28px,4vw,56px);align-items:center;grid-template-columns:1fr 1fr}
.blog__para>p:not(.eyebrow){margin-top:16px;color:var(--u-copy-soft);font-size:1.04rem}
.blog__subtitle{font-family:var(--u-heading);font-size:1.1rem;font-weight:800;margin-top:22px;color:var(--u-primary-hover)}
.reel-frame{background:#000002;pointer-events:none;display:block;height:100%;object-fit:cover;width:100%}
.reel-bullet{top:50%;place-items:center;box-shadow:var(--u-shade-sm);height:28px;pointer-events:none;border-radius:50%;line-height:1;padding-left:2px;display:grid;color:#fffefe;width:28px;background:rgba(0,0,2,.54);left:50%;position:absolute;font-size:.64rem;transform:translate(-50%,-50%)}
.reel-stamp{font-weight:700;bottom:12px;align-items:center;padding:5px 9px;left:12px;letter-spacing:.02em;border-radius:var(--u-rnd-pill);gap:4px;display:inline-flex;box-shadow:var(--u-shade-sm);color:#fffefe;z-index:2;font-size:.7rem;background:rgba(0,0,2,.61);position:absolute}
.hl{background:linear-gradient(92deg,var(--u-primary),var(--u-warm) 60%,var(--u-peach));-webkit-background-clip:text;color:transparent;background-clip:text}
.opening{gap:4px;margin-top:10px;display:grid}
.head-zone{text-align:center;margin:0 auto 44px;max-width:640px}
.blog__para .button{margin-top:26px}
.h2{font-size:clamp(1.9rem,3.6vw,3rem);font-weight:800}
:focus-visible{border-radius:6px;outline:3px solid var(--u-primary);outline-offset:2px}
button{font-family:inherit}
.where-panel{box-shadow:var(--u-shade-md);background:var(--u-lilac);aspect-ratio:4/3;overflow:hidden;border-radius:var(--u-rnd-lg);border:1px solid var(--u-divider-soft);position:relative}
.where-panel.where-async{cursor:pointer}
.where-holder{place-items:center;text-align:center;padding:20px;inset:0;background:linear-gradient(160deg,var(--u-lilac-deep),var(--u-panel-deep));gap:10px;display:grid;position:absolute}
.where-holder p{font-weight:700;color:var(--u-copy)}
.where-pin{filter:drop-shadow(0 10px 12px rgba(251,73,97,.51));color:var(--u-warm)}
.where-pin svg{fill:currentColor;stroke:none;width:40px;height:40px}
.where-panel iframe{inset:0;height:100%;position:absolute;width:100%;border:0}
.where-panel.ready .where-holder{display:none}
.end-grid{display:grid;gap:40px;grid-template-columns:1.6fr 1fr 1fr}
.end-sign{margin-bottom:12px;font-family:var(--u-heading);display:flex;gap:10px;font-weight:800;align-items:center;color:var(--u-bottom-deep);font-size:1.2rem}
.end-col>p:not(.end-label){font-size:.94rem;color:var(--u-bottom-soft);max-width:34ch}
.end-label{color:var(--u-bottom-deep);font-size:1rem;font-weight:800;margin-bottom:14px}
.end-links{gap:10px;display:grid;font-size:.94rem}
.aside-mob{width:80%;height:100vh;position:fixed;transition:right .3s ease;z-index:1100;overflow-y:auto;height:100dvh;background:var(--u-panel);max-width:320px;box-shadow:-6px 0 30px rgba(43,39,47,.22);padding:84px 22px 22px;top:0;right:-100%}
.aside-mob.shown{right:0}
.aside-mob nav{flex-direction:column;display:flex}
.aside-mob a:not(.button){border-bottom:1px solid var(--u-divider);font-weight:600;color:var(--u-copy);padding:14px 2px;font-size:15px}
.aside-mob a:not(.button):hover{color:var(--u-primary-hover)}
.aside-mob a.button{margin-top:22px}

.accounts-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}
.sign,.bar-entry,.aside-mob a,.button,.breadcrumb a,.main-end a,.zones-links a,.account__messenger{text-decoration:none}
.data-cityhall{padding:24px;background:var(--u-panel);box-shadow:var(--u-shade-md);border-radius:var(--u-rnd-lg);border:1px solid var(--u-divider-soft)}
.blog-block .breadcrumb{display:flex}.blog-block .breadcrumb li{padding-left:0}.blog-block .breadcrumb li::before{display:none}

.button{
  border:1.5px solid transparent;cursor:pointer;font-weight:700;border-radius:var(--u-rnd-pill);
  align-items:center;font-size:1rem;gap:9px;padding:14px 26px;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease;text-align:center;display:inline-flex;white-space:nowrap;
  justify-content:center;
}
.button svg{height:18px;width:18px}
.button--mini{padding:10px 18px;font-size:.9rem}
.button--lg{font-size:1.06rem;padding:17px 32px}
.button--full{width:100%}
.button--main{color:var(--u-contrast);background:linear-gradient(95deg,var(--u-peach),var(--u-warm) 55%,var(--u-primary));box-shadow:0 14px 26px -12px rgba(251,73,97,.77)}
.button--main:hover{color:var(--u-contrast);box-shadow:0 20px 34px -12px rgba(251,73,97,.84);transform:translateY(-2px)}
.button--secondary{background:var(--u-panel);color:var(--u-primary);border-color:var(--u-divider)}
.button--secondary:hover{transform:translateY(-2px);color:var(--u-primary-hover);background:var(--u-panel-deep)}
.button--pale{background:var(--u-blank);color:var(--u-primary-hover)}
.button--pale:hover{color:var(--u-primary-hover);transform:translateY(-2px);box-shadow:var(--u-shade-md)}
.bar-overlay{transition:opacity .3s ease;z-index:1090;opacity:0;visibility:hidden;position:fixed;inset:0;background:var(--u-overlay)}
.bar-overlay.shown{visibility:visible;opacity:1}

.view-hero{padding-block:clamp(40px,6vw,80px) 20px}
.view-hero h1{font-size:clamp(2rem,4.4vw,3.4rem);font-weight:800}
.view-hero p{margin:16px auto 0;font-size:1.08rem;color:var(--u-copy-soft)}

.data{align-items:start;grid-template-columns:1.2fr 1fr;gap:clamp(28px,4vw,48px);display:grid}
.data-metrics{gap:16px;grid-template-columns:1fr 1fr;display:grid}
.textbox-line{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.textbox{font-family:inherit;background:var(--u-panel-soft);width:100%;border-radius:var(--u-rnd-sm);color:var(--u-copy);font-size:1rem;transition:border-color .16s,box-shadow .16s;padding:13px 16px;border:1.5px solid var(--u-divider)}
.textbox:focus{outline:none;border-color:var(--u-primary);box-shadow:0 0 0 3px rgba(235,80,152,.16)}
textarea.textbox{resize:vertical;min-height:140px}

.messenger-stamp{place-items:center;position:absolute;display:grid;color:var(--u-contrast);top:-3px;height:22px;min-width:22px;font-size:.72rem;border-radius:var(--u-rnd-pill);border:2px solid var(--u-panel);background:var(--u-love);padding:0 6px;box-shadow:var(--u-shade-sm);font-weight:800;right:-3px;line-height:1}
.messenger-stamp[hidden]{display:none}
.form-small{font-weight:700}
.form-small--done{color:var(--u-valid)}
.form-small--off{color:var(--u-primary-hover)}
figure{margin:0}
.block{padding-block:var(--u-sy)}
.block--alt{background:var(--u-panel-deep)}
ul{padding:0;list-style:none;margin:0}

.form{border-radius:var(--u-rnd-lg);padding:clamp(24px,3vw,40px);border:1px solid var(--u-divider-soft);box-shadow:var(--u-shade-md);background:var(--u-panel)}
.form-block{gap:7px;display:grid;margin-bottom:18px}
.form-block label{font-weight:700;font-size:.92rem}

.hook__box{gap:30px;color:var(--u-contrast);justify-content:space-between;padding:clamp(38px,5vw,64px);position:relative;align-items:center;background:linear-gradient(100deg,var(--u-primary-hover),var(--u-warm) 60%,var(--u-peach));border-radius:var(--u-rnd-xl);display:flex;box-shadow:var(--u-shade-lg);overflow:hidden;flex-wrap:wrap}
.hook__deco{height:320px;width:320px;right:-90px;position:absolute;top:-120px;border-radius:50%;background:rgba(255,254,254,.14)}
.hook__para{z-index:2;position:relative}
.hook__para h2{color:var(--u-contrast);max-width:16ch}
.hook__para p{max-width:46ch;margin-top:10px;color:rgba(255,254,254,.91)}
.hook__box .button{z-index:2;position:relative}
.legal{font-size:.86rem;margin-top:34px;border-top:1px solid var(--u-bottom-edge);padding-top:22px;color:var(--u-bottom-soft)}
.eyebrow{font-weight:800;color:var(--u-primary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:.8rem}

.widget-hook{box-shadow:var(--u-shade-lg);width:300px;z-index:80;position:fixed;border-radius:var(--u-rnd-lg);right:22px;border:1px solid var(--u-divider-soft);max-width:calc(100vw - 44px);padding:20px;background:var(--u-panel);bottom:22px}
.widget-close{font-size:1.1rem;border-radius:50%;background:var(--u-panel-deep);place-items:center;color:var(--u-copy-soft);height:28px;top:12px;cursor:pointer;display:grid;line-height:1;border:none;right:12px;padding:0;position:absolute;width:28px}
.widget-close:hover{background:var(--u-primary);color:var(--u-contrast)}
.widget-label{font-family:var(--u-heading);font-weight:800;padding-right:26px;font-size:1.04rem}
.widget-para{font-size:.86rem;margin-top:4px;color:var(--u-copy-soft);margin-bottom:14px}
.widget-tab{z-index:80;border-radius:50%;align-items:center;right:22px;position:fixed;justify-content:center;background:linear-gradient(135deg,var(--u-primary),var(--u-warm));width:60px;display:none;border:none;height:60px;bottom:22px;cursor:pointer;box-shadow:var(--u-shade-lg);color:var(--u-contrast)}
.widget-tab svg{stroke:none;width:26px;fill:currentColor;height:26px}

@media (max-width:980px){
  .accounts-grid{grid-template-columns:repeat(3,1fr)}
  .account-grid{grid-template-columns:1fr}
  .account-frame{width:100%;max-width:380px;justify-self:start}
  .account-aside{position:static}
  .blog,.data{grid-template-columns:1fr}
  .end-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .core-bar{display:none}
  .burger{display:flex;position:fixed;top:22px;right:18px}
}
@media (min-width:861px){
  .aside-mob,.bar-overlay{display:none}
}
@media (max-width:600px){
  :root{--u-sy:clamp(30px,7vw,48px)}
  .end-grid,.textbox-line{grid-template-columns:1fr}
  .accounts-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .account__body{padding:16px 10px}
  .hook__box{flex-direction:column;align-items:stretch;padding:32px 24px}
  .hook__box .button{width:100%;white-space:normal}
  .lookup-form{flex-direction:column;border-radius:var(--u-rnd-lg)}
  .lookup-form .button{width:100%}
  .block--account{padding-top:0}
  .account-frame img{aspect-ratio:1/1;max-height:46vh}
  .account-grid{margin-top:0}
  .account-aside{display:flex;flex-direction:column;margin-top:14px}
  .account-head{order:1;margin-top:0}
  .account-small{order:2}
  .account-list{order:3;margin-top:16px;gap:10px}
  .account-list .button{flex:1 1 auto}
  .account-track{display:none}
  .account-metrics{order:4}
  .account-aside .intro{order:5}
  .data-metrics{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
  .metric{padding:11px 12px;gap:8px;flex-direction:column;align-items:flex-start}
  .metric-pic{width:34px;height:34px}
  .metric-para{min-width:0}
  .metric-para dd{font-size:.92rem;overflow-wrap:anywhere}
}