:root{--green:#087a48;--green-dark:#045f39;--green-soft:#e9f6ef;--navy:#0b1f36;--text:#16263a;--muted:#69788a;--line:#e3e9e6;--surface:#fff;--canvas:#f7f8f3;--soft:#f5f8f6;--saffron:#f2a11c;--blue:#2874b8;--danger:#c9362c;--danger-soft:#fff0ef;--warning:#a76309;--warning-soft:#fff5dd;--shadow:0 7px 22px rgba(20,51,39,.07);--shadow-sm:0 2px 9px rgba(20,51,39,.06);--radius:12px;--radius-lg:18px;--sidebar:218px;--max:1180px;--font:"Segoe UI Variable","Segoe UI",Inter,system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background-color:var(--canvas);background-image:radial-gradient(circle at 12% 72%,rgba(213,236,225,.64) 0,rgba(230,243,236,.36) 18%,transparent 38%),radial-gradient(circle at 88% 88%,rgba(226,242,234,.42) 0,transparent 30%),linear-gradient(180deg,#f6f0e6 0%,#faf8f2 31%,#f9faf6 54%,#f2f8f4 100%);background-attachment:fixed;background-size:cover;font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,h3,h4{margin:0;color:var(--navy);line-height:1.18;letter-spacing:-.025em}h1{font-size:clamp(1.8rem,3.6vw,3.15rem)}h2{font-size:clamp(1.22rem,2.2vw,1.65rem)}h3{font-size:1rem}p{margin:0}.site-container{width:min(calc(100% - 36px),var(--max));margin-inline:auto}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}[hidden],.hidden{display:none!important}:focus-visible{outline:3px solid rgba(18,124,79,.32);outline-offset:2px;border-radius:5px}.skip-link{position:fixed;z-index:1000;top:8px;left:10px;transform:translateY(-150%);padding:9px 13px;border-radius:8px;color:#fff;background:var(--navy);font-weight:700}.skip-link:focus{transform:none}
/* Brand and navigation */
.brand{display:inline-flex;align-items:center;gap:9px;min-width:max-content}.brand-mark{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:9px;color:#fff;background:linear-gradient(145deg,#159b5e,var(--green-dark));box-shadow:0 4px 10px rgba(8,122,72,.2);font-size:.76rem;font-weight:850;letter-spacing:.02em}.brand>span:last-child{display:grid;line-height:1.08}.brand strong{font-size:.84rem;color:var(--navy)}.brand small{margin-top:3px;color:var(--muted);font-size:.57rem;font-weight:650}.brand.compact{display:none}.public-header{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96)}.public-nav{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px}.public-links,.public-actions{display:flex;align-items:center;gap:10px}.public-links>a:not(.btn),.nav-text{padding:8px 9px;color:var(--navy);font-size:.78rem;font-weight:700}.public-links>a.active{color:var(--green)}.mobile-menu{display:none;position:relative}.mobile-menu summary{list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;right:0;top:44px;width:180px;display:grid;padding:7px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:var(--shadow)}.mobile-menu nav a{padding:10px;border-radius:7px;font-weight:700}.mobile-menu nav a:hover{background:var(--green-soft);color:var(--green)}
.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:18px 13px 14px;border-right:1px solid var(--line);background:#fff;z-index:80}.sidebar>.brand{padding:0 6px 18px}.side-nav{display:grid;gap:3px;margin-top:5px}.side-nav a,.sidebar-logout button{width:100%;min-height:41px;display:flex;align-items:center;gap:11px;padding:9px 11px;border:0;border-radius:9px;color:#293d50;background:transparent;cursor:pointer;font-size:.8rem;font-weight:650;text-align:left}.side-nav a:hover,.sidebar-logout button:hover{color:var(--green);background:var(--green-soft)}.side-nav a.active{color:var(--green-dark);background:#dff1e8;font-weight:750}.nav-count{min-width:20px;height:20px;display:grid;place-items:center;margin-left:auto;padding:0 5px;border-radius:99px;color:#fff;background:var(--danger);font-size:.62rem}.sidebar-logout{margin-top:auto}.app-column{min-width:0}.app-topbar{height:62px;display:flex;align-items:center;justify-content:flex-end;padding:0 24px;border-bottom:1px solid var(--line);background:#fff}.top-actions{display:flex;align-items:center;gap:11px}.icon-btn{position:relative;width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:9px;color:var(--navy);background:#fff;cursor:pointer}.icon-btn:hover{color:var(--green);background:var(--green-soft)}.notification-dot{position:absolute;top:5px;right:5px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:var(--danger)}.user-chip{display:flex;align-items:center;gap:8px;font-size:.76rem;font-weight:700}.avatar{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;overflow:hidden;border-radius:50%;color:var(--green-dark);background:#dff1e8;font-size:.72rem;font-weight:800}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-lg{width:72px;height:72px;flex-basis:72px;font-size:1.05rem}.mobile-bottom-nav{display:none}
/* Layout and page primitives */
.public-content{min-height:calc(100vh - 130px)}.app-content{min-height:calc(100vh - 62px);padding:25px 28px 45px}.page{width:min(100%,var(--max));margin-inline:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.page-head h1{font-size:clamp(1.65rem,3vw,2.25rem)}.page-head p{margin-top:5px;color:var(--muted);font-size:.85rem}.eyebrow{display:inline-flex;align-items:center;gap:6px;margin-bottom:7px;color:var(--green);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.toolbar,.chips{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.stack{display:grid;gap:15px}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.section{padding:25px 0}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}.section-title p{margin-top:4px;color:var(--muted);font-size:.78rem}.card,.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm)}.card{padding:18px}.panel{padding:20px}.card-link{transition:transform .16s,border-color .16s,box-shadow .16s}.card-link:hover{transform:translateY(-2px);border-color:#bcd8ca;box-shadow:var(--shadow)}.soft-card{background:var(--soft);box-shadow:none}.meta{color:var(--muted);font-size:.75rem}.badge{display:inline-flex;align-items:center;gap:4px;width:fit-content;padding:4px 7px;border-radius:99px;color:var(--green-dark);background:var(--green-soft);font-size:.61rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.badge.blue{color:#1b5d91;background:#e9f3fb}.badge.gold{color:#8b580c;background:#fff2d8}.badge.red{color:#a92e26;background:#ffebea}.chip{display:inline-flex;align-items:center;gap:4px;padding:6px 9px;border:1px solid var(--line);border-radius:99px;color:var(--muted);background:#fff;font-size:.68rem;font-weight:650}.list{display:grid}.list-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--line)}.list-row:first-child{padding-top:0}.list-row:last-child{padding-bottom:0;border-bottom:0}.list-row>span:nth-child(2){min-width:0;flex:1}.list-row strong{font-size:.8rem}.list-row .meta{display:block;margin-top:2px}.empty-state{display:grid;justify-items:center;gap:6px;padding:28px 20px;border:1px dashed #cddbd4;border-radius:var(--radius);background:#fbfdfc;text-align:center}.empty-state>img{width:min(240px,70%);max-height:170px;object-fit:contain;mix-blend-mode:multiply}.empty-state p{max-width:45ch;color:var(--muted);font-size:.78rem}.empty-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--green);background:var(--green-soft)}
/* Buttons and forms */
.btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;border:1px solid var(--green);border-radius:8px;color:#fff;background:var(--green);box-shadow:0 3px 8px rgba(8,122,72,.13);cursor:pointer;font-size:.77rem;font-weight:750;line-height:1.15;transition:background .15s,border-color .15s,transform .15s}.btn:hover{background:var(--green-dark);border-color:var(--green-dark)}.btn:active{transform:translateY(1px)}.btn-outline{color:var(--navy);border-color:var(--line);background:#fff;box-shadow:none}.btn-outline:hover{color:var(--green);border-color:#b8d8c7;background:var(--green-soft)}.btn-ghost{color:var(--green);border-color:transparent;background:transparent;box-shadow:none}.btn-danger{border-color:var(--danger);background:var(--danger)}.btn-danger:hover{border-color:#a72a22;background:#a72a22}.btn-sm{min-height:34px;padding:7px 11px;font-size:.7rem}.btn-block{width:100%}.btn[disabled]{opacity:.58;cursor:wait;pointer-events:none}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.full{grid-column:1/-1}label,legend{display:inline-block;margin-bottom:5px;color:var(--navy);font-size:.71rem;font-weight:750}.required{margin-left:2px;color:var(--danger)}.field{width:100%;min-height:42px;padding:9px 11px;border:1px solid #dbe3df;border-radius:8px;color:var(--text);background:#fff;box-shadow:inset 0 1px 2px rgba(20,51,39,.02);font-size:.78rem;transition:border .15s,box-shadow .15s}.field::placeholder{color:#9aa7b1}.field:hover{border-color:#bfcfc7}.field:focus{border-color:var(--green);outline:0;box-shadow:0 0 0 3px rgba(8,122,72,.11)}textarea.field{min-height:94px;resize:vertical}.field[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px rgba(201,54,44,.08)}.field-help{margin-top:5px;color:var(--muted);font-size:.66rem}.field-error{display:flex;gap:5px;margin-top:5px;color:var(--danger);font-size:.66rem;font-weight:700}.input-wrap{position:relative}.input-wrap .field{padding-right:44px}.input-action{position:absolute;top:50%;right:4px;width:34px;height:34px;display:grid;place-items:center;transform:translateY(-50%);border:0;border-radius:7px;color:var(--muted);background:transparent;cursor:pointer}.input-action:hover{color:var(--green);background:var(--green-soft)}.check-row{display:flex;align-items:flex-start;gap:8px}.check-row input{width:16px;height:16px;margin-top:1px;accent-color:var(--green)}.check-row label,.check-row{font-weight:600}.password-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:7px}.password-meter span{height:3px;border-radius:99px;background:var(--line)}.password-meter[data-score="1"] span:nth-child(-n+1){background:var(--danger)}.password-meter[data-score="2"] span:nth-child(-n+2){background:var(--saffron)}.password-meter[data-score="3"] span:nth-child(-n+3),.password-meter[data-score="4"] span{background:var(--green)}
/* Feedback */
.toast{position:fixed;z-index:300;top:74px;right:18px;width:min(390px,calc(100vw - 30px));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:11px 12px;border:1px solid #b9ddca;border-radius:10px;background:#fff;box-shadow:var(--shadow)}.toast>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:var(--green);background:var(--green-soft)}.toast p{font-size:.76rem}.toast button{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:7px;color:var(--muted);background:transparent;cursor:pointer}.toast.fade{opacity:0;transform:translateY(-5px);transition:.2s}.error-summary{width:min(calc(100% - 36px),var(--max));margin:14px auto;padding:12px 14px;border-left:4px solid var(--danger);border-radius:0 9px 9px 0;color:#972b24;background:var(--danger-soft);font-size:.74rem}.app-content>.error-summary{width:min(100%,var(--max));margin-top:0}.error-summary ul{margin:5px 0 0;padding-left:18px}.error-summary a{text-decoration:underline}.confirm-dialog{width:min(92vw,440px);padding:23px;border:0;border-radius:14px;background:#fff;box-shadow:0 20px 70px rgba(9,31,54,.25)}.confirm-dialog::backdrop{background:rgba(9,31,54,.48)}.dialog-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:13px;border-radius:11px;color:var(--danger);background:var(--danger-soft)}.confirm-dialog p{margin:7px 0 20px;color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}
/* Footer and pagination */
.footer{border-top:1px solid rgba(8,122,72,.12);background:rgba(255,255,255,.76);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.footer>.site-container{min-height:72px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;color:var(--muted);font-size:.7rem}.footer-copyright{grid-column:1;justify-self:start}.footer nav{grid-column:2;display:flex;justify-content:center;gap:20px;font-weight:700}.footer-credit{grid-column:3;justify-self:end;text-align:right}.footer a{transition:color .15s}.footer-company{color:var(--green-dark);font-weight:800}.footer a:hover{color:var(--green)}.pagination{display:flex;justify-content:center;margin-top:20px}.pagination nav{width:100%}.pagination .pagination{display:flex;justify-content:center;gap:4px;margin:0;padding:0;list-style:none}.page-link{min-width:34px;height:34px;display:grid;place-items:center;padding:5px 8px;border:1px solid var(--line);border-radius:7px;color:var(--text);background:#fff;font-size:.7rem;font-weight:700}.page-item.active .page-link{color:#fff;border-color:var(--green);background:var(--green)}.page-item.disabled .page-link{opacity:.45;pointer-events:none}
/* Common reference-style visuals */
.page-visual{width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply}.visual-card{display:grid;place-items:center;overflow:hidden;border-radius:var(--radius);background:linear-gradient(145deg,#fbfdfc,#f2f8f4)}.visual-card img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.stat-card{position:relative;min-width:0;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow-sm)}.stat-card strong{display:block;color:var(--green);font-size:1.45rem;line-height:1}.stat-card>span:not(.stat-icon){display:block;margin-top:7px;color:var(--muted);font-size:.67rem}.stat-card small{display:block;margin-top:5px;color:#91a09a;font-size:.6rem}.stat-icon{position:absolute;top:11px;right:11px;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:var(--green);background:var(--green-soft)}.stat-icon.gold{color:#946009;background:var(--warning-soft)}.stat-icon.blue{color:#286595;background:#eaf4fb}.progress{width:100%;height:6px;overflow:hidden;border:0;border-radius:99px;background:#edf1ef;appearance:none}.progress::-webkit-progress-bar{background:#edf1ef}.progress::-webkit-progress-value{border-radius:99px;background:var(--green)}.progress::-moz-progress-bar{border-radius:99px;background:var(--green)}
/* Error page */
.error-page{width:min(calc(100% - 36px),960px);min-height:calc(100vh - 130px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;margin-inline:auto;padding:45px 0}.error-copy p{max-width:50ch;margin:10px 0 20px;color:var(--muted)}.error-page>img{width:100%;max-height:430px;object-fit:contain;mix-blend-mode:multiply}.error-code-mark{display:block;margin-bottom:4px;color:var(--green-soft);font-size:5.5rem;font-weight:850;line-height:1;letter-spacing:-.03em}
@media(max-width:980px){:root{--sidebar:190px}.app-content{padding-inline:20px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body.has-app-shell{padding-bottom:70px}.site-container{width:min(calc(100% - 24px),var(--max))}.public-links{display:none}.mobile-menu{display:block}.app-shell{display:block}.sidebar{display:none}.app-topbar{height:58px;padding:0 13px;justify-content:space-between}.brand.compact{display:inline-flex}.brand.compact .brand-mark{width:30px;height:30px;flex-basis:30px}.app-content{min-height:calc(100vh - 58px);padding:18px 13px 35px}.mobile-bottom-nav{position:fixed;z-index:100;left:8px;right:8px;bottom:calc(7px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);padding:5px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.97);box-shadow:0 8px 26px rgba(9,31,54,.15)}.mobile-bottom-nav a{position:relative;min-height:49px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:9px;color:var(--muted);font-size:.59rem;font-weight:700}.mobile-bottom-nav a.active{color:var(--green);background:var(--green-soft)}.page-head{align-items:flex-start;flex-direction:column;margin-bottom:15px}.grid-3,.grid-2{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.error-page{grid-template-columns:1fr;padding:30px 0;text-align:center}.error-page .toolbar{justify-content:center}.error-page>img{max-height:300px}.error-code-mark{font-size:3.6rem}.footer>.site-container{align-items:flex-start;flex-direction:column;justify-content:center;padding-block:15px}}
@media(max-width:460px){.grid-4{grid-template-columns:1fr 1fr}.public-nav{min-height:58px}.brand strong{font-size:.78rem}.brand small{font-size:.52rem}.toolbar>.btn:not(.btn-sm){width:100%}.toast{top:66px;right:8px;width:calc(100vw - 16px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media print{.sidebar,.app-topbar,.public-header,.mobile-bottom-nav,.footer,.btn,.toast{display:none!important}.app-shell{display:block}.app-content{padding:0}.card,.panel{box-shadow:none}}

/* Reference-matched page design */
.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:16px;color:var(--muted);font-size:.73rem;font-weight:700}.back-link:hover{color:var(--green)}
.address-card{border:1px solid var(--line);border-radius:10px;background:#fbfdfc}.address-card>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;list-style:none;cursor:pointer}.address-card>summary::-webkit-details-marker{display:none}.address-card>summary span{display:grid}.address-card>summary strong{font-size:.8rem}.address-card>summary small{margin-top:2px;color:var(--muted);font-size:.65rem}.address-card>summary>svg{transition:transform .15s}.address-card[open]>summary>svg{transform:rotate(180deg)}.address-fields{padding:3px 14px 14px}

/* Home */
.home-hero{padding:45px 0 28px;background:radial-gradient(circle at 67% 12%,rgba(8,122,72,.07),transparent 31%)}.home-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);align-items:center;gap:32px}.home-copy h1{max-width:720px;font-size:clamp(2.15rem,4.4vw,4.1rem)}.home-copy h1 em{color:var(--green);font-style:normal}.home-copy>p{max-width:63ch;margin:16px 0 20px;color:var(--muted);font-size:.9rem}.home-art{align-self:end}.home-art img{width:100%;max-height:470px;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply}.hero-search{width:min(100%,650px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:6px 6px 6px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow)}.hero-search>svg{color:var(--muted)}.hero-search input{min-width:0;padding:8px 3px;border:0;outline:0;font-size:.78rem}.home-copy>.chips{margin-top:11px}.home-actions{padding:22px 0 27px;background:transparent}.home-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,.73fr)) minmax(280px,1.25fr);gap:12px}.home-action,.latest-groups{padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm)}.home-action{display:grid;justify-items:start;gap:8px;transition:.15s}.home-action:hover{transform:translateY(-2px);border-color:#bbd9ca}.home-action>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:var(--green);background:var(--green-soft)}.home-action p{color:var(--muted);font-size:.72rem}.latest-groups .section-title{margin-bottom:7px}.latest-groups .section-title a{color:var(--green);font-size:.67rem;font-weight:750}.home-stats{padding:20px 0;color:#fff;background:linear-gradient(100deg,var(--green-dark),var(--green))}.home-stats>.site-container{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.home-stats>.site-container>div{display:grid;grid-template-columns:auto auto 1fr;align-items:center;justify-content:center;gap:5px 9px}.home-stats svg{grid-row:1/3;color:#d9f1a6}.home-stats strong{font-size:1.05rem}.home-stats span{grid-column:2/4;color:#d6ede2;font-size:.64rem}

/* Authentication */
.auth-page{min-height:calc(100vh - 129px);display:grid;align-items:center;padding:36px 0;background:transparent}.auth-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(390px,.82fr);align-items:center;gap:55px}.auth-art{display:grid;justify-items:center}.auth-art>img{width:min(100%,560px);max-height:490px;object-fit:contain;mix-blend-mode:multiply}.auth-benefits{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px}.auth-benefits>span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px;color:var(--green);font-size:.73rem;font-weight:800}.auth-benefits>span small{grid-column:2;color:var(--muted);font-size:.59rem;font-weight:500}.auth-card{width:min(100%,470px);justify-self:center;padding:27px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow)}.auth-heading{margin-bottom:20px}.auth-heading h1{font-size:1.75rem}.auth-heading p{margin-top:6px;color:var(--muted);font-size:.76rem}.form-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.form-between>a,.auth-switch a{color:var(--green);font-size:.7rem;font-weight:750}.auth-switch{margin-top:18px;color:var(--muted);font-size:.7rem;text-align:center}.auth-note{display:flex;gap:7px;margin-top:16px;padding:10px;border-radius:8px;color:var(--muted);background:var(--soft);font-size:.67rem}.auth-note svg{flex:0 0 auto;color:var(--green)}.otp{text-align:center;font-size:1.25rem;letter-spacing:.35em;font-weight:800}.resend{margin-top:9px}.register-page{min-height:calc(100vh - 129px);padding:34px 0;background:transparent}.register-shell{display:grid;grid-template-columns:150px minmax(470px,620px) minmax(250px,1fr);align-items:start;gap:28px}.register-nav{position:sticky;top:96px;display:grid;gap:0;padding-top:20px}.register-step{position:relative;display:flex;align-items:center;gap:10px;min-height:58px;color:var(--muted);font-size:.72rem;font-weight:750}.register-step:not(:last-child)::after{content:"";position:absolute;top:42px;left:13px;width:1px;height:34px;background:#cdd7d2}.register-step i{width:27px;height:27px;display:grid;place-items:center;z-index:1;border:1px solid #cbd7d1;border-radius:50%;background:#fff;font-size:.66rem;font-style:normal}.register-step.is-active{color:var(--green)}.register-step.is-active i,.register-step.is-complete i{color:#fff;border-color:var(--green);background:var(--green)}.register-card{min-height:540px;padding:25px 28px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.register-art{position:sticky;top:85px;align-self:start}.register-art img{width:100%;max-height:500px;object-fit:contain;mix-blend-mode:multiply}.step-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.step-actions .btn-outline{margin-right:auto}.terms-check{margin:18px 0 14px}.terms-check a{color:var(--green);text-decoration:underline}

/* Dashboard */
.dashboard-stats{margin-bottom:21px}.quick-actions{margin-bottom:19px}.quick-actions>h2{margin-bottom:11px;font-size:.9rem}.quick-btn{min-height:49px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:var(--shadow-sm);font-size:.7rem;font-weight:750}.quick-btn svg{color:var(--green)}.quick-btn:hover{color:var(--green);border-color:#b9d9c8}.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dashboard-columns .section-title a,.section-title>a{color:var(--green);font-size:.68rem;font-weight:750}.mini-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:9px;color:var(--green);background:var(--green-soft)}.mini-icon.danger{color:var(--danger);background:var(--danger-soft)}.dashboard-empty{display:grid;justify-items:center;gap:5px;padding:12px;color:var(--muted);font-size:.7rem}.dashboard-empty img{width:130px;max-height:90px;object-fit:contain;mix-blend-mode:multiply}.onboarding{display:grid;grid-template-columns:minmax(260px,.65fr) 1.35fr;align-items:center;gap:23px;margin-top:14px;overflow:hidden}.onboarding-art{height:260px}.onboarding-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.checklist{display:grid}.checklist>a,.profile-checklist>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.checklist>a:last-child,.profile-checklist>div:last-child{border:0}.check-dot{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:var(--warning);background:var(--warning-soft)}.check-dot.done{color:var(--green);background:var(--green-soft)}.checklist strong,.profile-checklist strong{display:block;font-size:.72rem}.checklist small,.profile-checklist small{display:block;margin-top:2px;color:var(--muted);font-size:.61rem}.checklist b{padding:3px 7px;border-radius:99px;font-size:.56rem}.checklist b.done{color:var(--green);background:var(--green-soft)}.checklist b.next{color:var(--danger);background:var(--danger-soft)}

/* Search and cards */
.search-panel{padding:13px;margin-bottom:18px}.search-primary{display:grid;grid-template-columns:1fr auto auto;gap:8px}.search-input,.inbox-search,.help-search{position:relative;display:flex;align-items:center}.search-input>svg,.inbox-search>svg,.help-search>svg{position:absolute;left:12px;z-index:1;color:var(--muted)}.search-input .field,.inbox-search .field{padding-left:38px}.filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.filter-actions{display:flex;align-items:flex-end}.results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:var(--muted);font-size:.71rem}.results-head strong{color:var(--navy);font-size:.82rem}.member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:11px}.member-card,.group-card{display:flex;flex-direction:column;min-width:0}.group-grid .group-card{padding:12px}.card-top-actions{display:flex;align-items:center;gap:5px}.group-card-top .icon-btn{width:26px;height:26px;border-radius:7px}.group-card-top .icon-btn.btn-danger-icon{color:var(--danger);border-color:var(--danger-soft);background:var(--danger-soft)}.group-card-top .icon-btn.btn-danger-icon:hover{color:#fff;border-color:var(--danger);background:var(--danger)}.member-main{display:flex;align-items:center;gap:12px}.member-main h2,.group-card h2{font-size:1rem}.member-main p,.group-card>p{margin-top:4px;color:var(--muted);font-size:.69rem}.detail-list{display:grid;gap:8px;margin:16px 0}.detail-list>div{display:grid;grid-template-columns:20px 1fr;align-items:start;gap:5px;color:var(--muted);font-size:.69rem}.detail-list dt{color:var(--green)}.detail-list dd{margin:0}.card-actions{display:flex;align-items:center;gap:7px;margin-top:auto}.group-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.group-avatar{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:12px;color:var(--green-dark);background:linear-gradient(145deg,#e4f4eb,#fff0d6);font-size:.69rem;font-weight:850}.group-avatar.large{width:66px;height:66px;flex-basis:66px;border-radius:17px;font-size:.9rem}.group-card>p{min-height:0;margin-bottom:10px;line-height:1.45}.group-meta{display:grid;gap:6px;margin:0 0 10px;padding:9px 0;border-top:1px solid var(--line)}.group-meta>div{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.68rem}.group-meta svg{color:var(--green)}.results-empty{grid-column:1/-1}.discovery-banner{display:grid;grid-template-columns:1fr minmax(280px,.75fr);align-items:center;min-height:235px;margin-top:25px;padding:23px 27px 0;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(100deg,#f3f8f5,#fff)}.discovery-banner h2{margin-bottom:7px}.discovery-banner p{max-width:55ch;margin-bottom:15px;color:var(--muted);font-size:.76rem}.discovery-banner img{width:100%;height:230px;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply}

/* Profiles and groups */
.profile-view-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.62fr);align-items:start;gap:14px}.profile-hero-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.profile-avatar{width:92px;height:92px;flex-basis:92px;font-size:1.25rem}.profile-identity h1{margin:7px 0 4px;font-size:1.75rem}.profile-identity>p{margin-bottom:10px;color:var(--muted);font-size:.76rem}.profile-cta{display:grid;gap:8px}.profile-details{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0}.profile-details>div{padding:10px 14px;border-left:1px solid var(--line)}.profile-details>div:nth-child(3n+1){padding-left:0;border-left:0}.profile-details dt{color:var(--muted);font-size:.65rem}.profile-details dd{margin:4px 0 0;font-size:.75rem;font-weight:750}.compact-group-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.compact-group{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:9px}.compact-group strong,.compact-group small{display:block}.compact-group strong{font-size:.72rem}.compact-group small{margin-top:2px;color:var(--muted);font-size:.61rem}.member-visual{min-height:245px}.member-visual img{max-height:260px}.report-panel{padding:0}.report-panel>summary{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;list-style:none;cursor:pointer}.report-panel>summary::-webkit-details-marker{display:none}.report-panel>summary span{display:flex;align-items:center;gap:8px;color:var(--danger)}.report-panel>form{display:grid;gap:11px;padding:0 16px 16px}.create-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.6fr);align-items:start;gap:17px}.page-head.compact{margin-bottom:23px}.create-aside{display:grid;gap:14px}.create-aside .visual-card{min-height:285px}.create-tips ul{display:grid;gap:11px;margin:14px 0 0;padding:0;list-style:none}.create-tips li{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.7rem}.create-tips li>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:var(--green);background:var(--green-soft)}.form-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.group-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;margin-bottom:14px}.group-hero h1{margin:7px 0 5px;font-size:1.8rem}.group-hero p{margin-bottom:11px;color:var(--muted);font-size:.76rem}.group-join{display:flex;align-items:center;gap:8px}.group-join>form{display:contents}.group-content-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.58fr);align-items:start;gap:14px}.conversation-panel{padding:0;overflow:hidden}.conversation-head,.chat-person{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 19px;border-bottom:1px solid var(--line)}.conversation-head p,.chat-person p{margin-top:3px;color:var(--muted);font-size:.67rem}.chat-history{height:min(50vh,480px);display:grid;align-content:start;gap:10px;overflow-y:auto;padding:17px;background:#f8faf9}.chat-bubble{display:flex;align-items:flex-start;gap:8px;max-width:82%}.chat-bubble.mine{justify-self:end;flex-direction:row-reverse}.chat-bubble>div{padding:9px 11px;border:1px solid var(--line);border-radius:3px 12px 12px;background:#fff}.chat-bubble.mine>div{color:#fff;border-color:var(--green);border-radius:12px 3px 12px 12px;background:var(--green)}.chat-bubble header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:4px}.chat-bubble strong{font-size:.66rem}.chat-bubble time{color:var(--muted);font-size:.55rem}.chat-bubble.mine time{color:#d4eee1}.chat-bubble p{font-size:.73rem;white-space:pre-wrap}.message-composer{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px;padding:13px;border-top:1px solid var(--line);background:#fff}.message-composer textarea.field{min-height:42px;max-height:130px}.message-composer .btn{width:42px;height:42px;padding:0}.member-list .list-row>svg{color:var(--muted)}

/* Messages and notifications */
.inbox-grid{display:grid;grid-template-columns:minmax(350px,.9fr) 1.1fr;min-height:455px;gap:14px}.inbox-panel{padding:0;overflow:hidden}.inbox-search{margin:14px}.conversation-list{border-top:1px solid var(--line)}.conversation-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 15px;border-bottom:1px solid var(--line)}.conversation-row:hover{background:var(--green-soft)}.conversation-row>span:nth-child(2){min-width:0}.conversation-row strong,.conversation-row small{display:block}.conversation-row strong{font-size:.73rem}.conversation-row small{overflow:hidden;margin-top:2px;color:var(--muted);font-size:.63rem;text-overflow:ellipsis;white-space:nowrap}.conversation-row time,.activity-card time{color:var(--muted);font-size:.56rem}.inbox-welcome{display:grid;align-content:center;justify-items:center;text-align:center}.inbox-welcome>img{width:min(100%,430px);height:260px;object-fit:contain;mix-blend-mode:multiply}.inbox-welcome>p{max-width:48ch;margin:6px 0 18px;color:var(--muted);font-size:.72rem}.message-benefits{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.message-benefits span{display:grid;justify-items:center;gap:5px;padding:10px;border-radius:8px;color:var(--green);background:var(--green-soft);font-size:.62rem}.group-activity{margin-top:14px}.activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.activity-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:9px}.activity-card strong,.activity-card small{display:block}.activity-card strong{font-size:.7rem}.activity-card small{margin-top:2px;color:var(--muted);font-size:.6rem}.chat-shell{max-width:900px;margin-inline:auto;padding:0;overflow:hidden}.chat-person{justify-content:flex-start}.chat-person>div{flex:1}.chat-person h1{font-size:.95rem}.direct-chat{height:min(60vh,550px)}.notification-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.55fr);align-items:start;gap:14px}.notification-panel{padding:0;overflow:hidden}.notification-summary{display:flex;gap:20px;padding:13px 17px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.68rem}.notification-summary strong{color:var(--green);font-size:.9rem}.notification-row{display:grid;grid-template-columns:auto 1fr;gap:11px;padding:14px 17px;border-bottom:1px solid var(--line)}.notification-row.unread{background:#f5fbf7}.notification-row>div>header{display:flex;align-items:center;gap:7px}.notification-row h2{font-size:.77rem}.notification-row p{margin:4px 0;color:var(--muted);font-size:.68rem}.notification-row time{color:#97a39d;font-size:.58rem}.unread-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.notification-aside{position:sticky;top:84px;padding:17px;text-align:center}.notification-aside>img{height:240px}.notification-aside h2{font-size:1rem}.notification-aside p{margin-top:5px;color:var(--muted);font-size:.68rem}

/* Help and legal */
.help-hero{display:grid;grid-template-columns:1fr 310px;align-items:center;min-height:270px;margin-bottom:25px;padding:25px 30px 0;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(105deg,#f2f8f4,#fff)}.help-hero p{margin:7px 0 17px;color:var(--muted)}.help-hero>img{width:100%;height:260px;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply}.help-search{max-width:650px}.help-search input{width:100%;min-height:44px;padding:9px 90px 9px 39px;border:1px solid var(--line);border-radius:9px;outline:0}.help-search .btn{position:absolute;right:5px}.help-categories{padding-top:6px}.help-categories>.section-title{margin-bottom:13px;padding-inline:4px}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.help-card{box-shadow:none}.help-icon{width:38px;height:38px;display:grid;place-items:center;margin-bottom:11px;border-radius:10px;color:var(--green);background:var(--green-soft)}.help-card p{min-height:40px;margin:6px 0 12px;color:var(--muted);font-size:.68rem}.help-card>a{display:inline-flex;align-items:center;gap:5px;color:var(--green);font-size:.67rem;font-weight:750}.support-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:23px;padding:19px 22px;border-radius:12px;color:#fff;background:linear-gradient(100deg,var(--green-dark),var(--green))}.support-cta h2{color:#fff}.support-cta p{margin-top:4px;color:#d7eee2;font-size:.7rem}.support-cta .btn-outline{color:var(--green);border-color:#fff}.legal-page{max-width:980px}.legal-header{display:grid;grid-template-columns:1fr 330px;align-items:center;min-height:285px;padding:22px 30px 0;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(105deg,#f5faf7,#fff)}.legal-header p{max-width:55ch;margin:8px 0;color:var(--muted)}.legal-header img{width:100%;height:270px;object-fit:contain;mix-blend-mode:multiply}.legal-content{margin-top:14px}.legal-list{display:grid}.legal-list article{display:grid;grid-template-columns:auto 1fr;gap:11px;padding:14px 0;border-bottom:1px solid var(--line)}.legal-list article:last-child{border:0}.legal-list article>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:var(--green);background:var(--green-soft)}.legal-list h2{font-size:.8rem}.legal-list p{margin-top:4px;color:var(--muted);font-size:.7rem}.legal-note{display:flex;align-items:center;gap:10px;margin-top:14px;padding:15px 18px;border-radius:10px;color:#fff;background:linear-gradient(100deg,var(--green-dark),var(--green));font-size:.7rem}.legal-note svg{flex:0 0 auto;color:#dcf2a8}

/* Profile settings and admin */
.profile-edit-grid{display:grid;grid-template-columns:290px minmax(0,1fr);align-items:start;gap:14px}.profile-summary{text-align:center}.profile-summary .profile-avatar{margin:0 auto 10px}.profile-summary>p{margin:4px 0 15px;color:var(--muted);font-size:.68rem}.completion-row{display:flex;justify-content:space-between;margin-bottom:6px;font-size:.66rem}.completion-row strong{color:var(--green)}.profile-checklist{margin-top:13px;text-align:left}.profile-art{min-height:220px}.profile-art img{max-height:250px}.profile-form{padding:23px}.form-section{padding:19px 0;border-top:1px solid var(--line)}.form-section:first-of-type{padding-top:4px;border:0}.form-section>h3{margin-bottom:13px}.photo-field{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px}.privacy-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option-check{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid var(--line);border-radius:9px;cursor:pointer}.option-check input{margin-top:2px;accent-color:var(--green)}.option-check strong,.option-check small{display:block}.option-check strong{font-size:.71rem}.option-check small{margin-top:3px;color:var(--muted);font-size:.61rem;font-weight:500}.admin-stats{margin-bottom:14px}.admin-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);align-items:start;gap:14px}.admin-list{display:grid}.admin-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid var(--line)}.admin-row:last-child{border:0}.admin-row h3{font-size:.75rem}.admin-row p{margin:3px 0;color:var(--muted);font-size:.66rem}.admin-row time{color:#98a39e;font-size:.57rem}.report-row{align-items:start}.admin-overview{text-align:center}.admin-overview>img{width:100%;height:190px;object-fit:contain;mix-blend-mode:multiply}.admin-overview dl{display:grid;grid-template-columns:repeat(3,1fr);margin:14px 0 0}.admin-overview dl>div{padding:8px;border-left:1px solid var(--line)}.admin-overview dl>div:first-child{border:0}.admin-overview dt{color:var(--muted);font-size:.58rem}.admin-overview dd{margin:3px 0 0;color:var(--green);font-size:1rem;font-weight:800}.blocked-list{display:grid}.blocked-list article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--line)}.blocked-list article:last-of-type{border:0}.blocked-list strong,.blocked-list small{display:block}.blocked-list strong{font-size:.68rem}.blocked-list small{max-width:130px;overflow:hidden;margin-top:2px;color:var(--muted);font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:1080px){.home-action-grid{grid-template-columns:repeat(3,1fr)}.latest-groups{grid-column:1/-1}.filter-grid{grid-template-columns:repeat(3,1fr)}.member-grid{grid-template-columns:repeat(2,1fr)}.register-shell{grid-template-columns:130px minmax(440px,1fr)}.register-art{display:none}.profile-edit-grid{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:860px){.home-hero-grid{grid-template-columns:1fr}.home-copy{text-align:center}.home-copy>p,.hero-search{margin-inline:auto}.home-copy>.chips{justify-content:center}.home-art img{max-height:380px}.auth-grid{grid-template-columns:1fr}.auth-art{display:none}.auth-page{background:transparent}.register-shell{grid-template-columns:1fr}.register-nav{position:static;grid-template-columns:repeat(3,1fr);padding:0}.register-step{justify-content:center}.register-step:not(:last-child)::after{top:13px;left:calc(50% + 28px);width:calc(100% - 55px);height:1px}.register-card{width:min(100%,680px);justify-self:center}.dashboard-columns,.inbox-grid,.notification-layout,.profile-view-grid,.group-content-grid,.create-grid,.admin-grid{grid-template-columns:1fr}.notification-aside,.register-art{position:static}.notification-aside{display:none}.profile-edit-grid{grid-template-columns:1fr}.profile-edit-grid>aside{grid-template-columns:1fr 1fr}.profile-summary{grid-row:1}.profile-art{grid-row:1}.help-grid{grid-template-columns:repeat(2,1fr)}.legal-header{grid-template-columns:1fr 260px}.discovery-banner{grid-template-columns:1fr 260px}.group-hero{grid-template-columns:auto 1fr}.group-join{grid-column:2}.member-visual{display:none}}
@media(max-width:640px){.home-hero{padding-top:28px}.home-copy h1{font-size:2rem}.home-art img{max-height:290px}.hero-search{grid-template-columns:auto 1fr}.hero-search .btn{grid-column:1/-1}.home-action-grid{grid-template-columns:1fr}.latest-groups{grid-column:auto}.home-stats>.site-container{grid-template-columns:1fr 1fr}.auth-card,.register-card{padding:20px 16px}.auth-page,.register-page{padding:20px 0}.register-nav{gap:0}.register-step{flex-direction:column;gap:3px;min-height:50px;font-size:.6rem}.register-step:not(:last-child)::after{top:13px}.filter-grid{grid-template-columns:1fr 1fr}.search-primary{grid-template-columns:1fr auto}.search-primary>.btn:last-child{grid-column:1/-1}.member-grid,.activity-grid,.compact-group-grid{grid-template-columns:1fr}.results-head{align-items:flex-start;flex-direction:column}.discovery-banner{grid-template-columns:1fr;padding:20px 20px 0}.discovery-banner img{height:190px}.profile-hero-card{grid-template-columns:auto 1fr}.profile-cta{grid-column:1/-1;grid-template-columns:1fr 1fr}.profile-details{grid-template-columns:1fr 1fr}.profile-details>div:nth-child(3n+1){padding-left:14px;border-left:1px solid var(--line)}.profile-details>div:nth-child(odd){padding-left:0;border-left:0}.group-hero{grid-template-columns:1fr;text-align:center}.group-hero>.group-avatar{margin:auto}.group-hero .chips{justify-content:center}.group-join{grid-column:auto}.chat-bubble{max-width:94%}.inbox-welcome{display:none}.inbox-grid{min-height:0}.help-hero,.legal-header{grid-template-columns:1fr;padding:22px 20px 0;text-align:center}.help-hero>img,.legal-header img{height:210px}.help-search{margin-inline:auto}.help-grid{grid-template-columns:1fr}.support-cta{align-items:flex-start;flex-direction:column}.privacy-options{grid-template-columns:1fr}.profile-edit-grid>aside{display:block}.profile-art{display:none}.admin-row{grid-template-columns:auto 1fr}.admin-row>.toolbar{grid-column:2}.onboarding{grid-template-columns:1fr}.onboarding-art{height:190px}.message-benefits{grid-template-columns:1fr}.message-benefits span{grid-template-columns:auto 1fr;justify-items:start}.conversation-row time{display:none}}
@media(max-width:430px){.filter-grid{grid-template-columns:1fr}.profile-avatar{width:76px;height:76px;flex-basis:76px}.profile-hero-card{align-items:start}.profile-identity h1{font-size:1.35rem}.profile-details{grid-template-columns:1fr}.profile-details>div{padding:9px 0!important;border-left:0!important;border-bottom:1px solid var(--line)}.profile-cta{grid-template-columns:1fr}.register-step span{display:none}.form-footer{flex-direction:column-reverse}.form-footer .btn{width:100%}.admin-stats{grid-template-columns:1fr 1fr}.help-search .btn{position:static;margin-top:8px}.help-search{display:block}.help-search svg{top:14px}.help-search input{padding-right:12px}.home-stats>.site-container>div{justify-content:start}.group-card>p{min-height:0}}
.user-menu{position:relative}.user-menu>summary{list-style:none;cursor:pointer}.user-menu>summary::-webkit-details-marker{display:none}.user-menu[open]>summary>svg{transform:rotate(180deg)}.user-menu>nav{position:absolute;z-index:120;top:46px;right:0;width:185px;padding:7px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow)}.user-menu>nav a,.user-menu>nav button{width:100%;display:flex;align-items:center;gap:8px;padding:9px;border:0;border-radius:7px;color:var(--text);background:transparent;font-size:.7rem;font-weight:700;text-align:left;cursor:pointer}.user-menu>nav a:hover,.user-menu>nav button:hover{color:var(--green);background:var(--green-soft)}
.chat-header-art{width:100px;height:43px;object-fit:cover;object-position:center;mix-blend-mode:multiply}.date-separator{width:100%;display:flex;align-items:center;gap:10px;color:#92a098;font-size:.57rem;text-align:center}.date-separator::before,.date-separator::after{content:"";height:1px;flex:1;background:var(--line)}.message-composer{position:sticky;bottom:0;z-index:2}
@media(max-width:540px){.chat-header-art{display:none}}

/* Illustration and motion system */
.motion-illustration{position:relative;isolation:isolate;width:100%;margin:0}.motion-illustration>img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transform-origin:center bottom;animation:art-float 7s ease-in-out infinite}.motion-halo{position:absolute;z-index:0;inset:20% 12% 6%;border-radius:50%;background:radial-gradient(circle,rgba(8,122,72,.13),rgba(8,122,72,0) 68%);animation:halo-breathe 4.8s ease-in-out infinite}.motion-spark{position:absolute;z-index:3;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(8,122,72,.12);border-radius:50%;color:var(--green);background:rgba(255,255,255,.92);box-shadow:var(--shadow-sm);animation:spark-drift 4s ease-in-out infinite}.spark-one{top:19%;left:9%}.spark-two{right:8%;bottom:25%;animation-delay:-1.7s}.motion-hero .spark-one{top:22%;left:20%}.motion-hero .spark-two{right:9%;bottom:31%}.motion-celebrate>img{animation-name:celebrate-float;animation-duration:6s}.motion-celebrate .spark-one{top:18%;left:17%}.motion-celebrate .spark-two{right:17%;bottom:20%}@keyframes art-float{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(0,-8px,0) rotate(.25deg)}}@keyframes celebrate-float{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(-7px) scale(1.008)}55%{transform:translateY(-4px) scale(1.004)}}@keyframes halo-breathe{0%,100%{opacity:.45;transform:scale(.92)}50%{opacity:1;transform:scale(1.05)}}@keyframes spark-drift{0%,100%{transform:translateY(0) rotate(0);opacity:.72}50%{transform:translateY(-11px) rotate(12deg);opacity:1}}
.auth-art>img,.notification-aside>img,.admin-overview>img,.profile-art>img{animation:soft-breathe 7.5s ease-in-out infinite}.create-aside .visual-card>img,.member-visual>img,.onboarding-art>img{animation:soft-breathe 8.5s ease-in-out infinite reverse}@keyframes soft-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.012)}}

/* Home community story */
.community-story{padding:38px 0 42px;border-top:1px solid var(--line);background:linear-gradient(112deg,rgba(237,247,241,.52) 0%,rgba(255,255,255,.2) 58%)}.community-story-grid{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(0,1.05fr);align-items:center;gap:42px}.story-visual{min-width:0}.story-visual .motion-illustration{height:390px}.story-copy h2{font-size:clamp(1.65rem,3.2vw,2.65rem)}.story-copy>p{max-width:65ch;margin:13px 0 18px;color:var(--muted);font-size:.82rem}.story-points{display:grid;gap:8px;margin-bottom:19px}.story-points>div{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;padding:9px 11px;border:1px solid rgba(8,122,72,.08);border-radius:9px;background:rgba(255,255,255,.7)}.story-points>div>span{grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:var(--green);background:var(--green-soft)}.story-points strong{font-size:.71rem}.story-points small{color:var(--muted);font-size:.62rem}

@media(min-width:1440px){:root{--max:1280px}.app-content{padding-top:32px}.home-hero{padding-top:55px}.home-art img{max-height:520px}.community-story-grid{gap:68px}.story-visual .motion-illustration{height:430px}}
@media(max-width:860px){.community-story-grid{grid-template-columns:1fr;gap:12px}.story-visual{order:2}.story-visual .motion-illustration{height:310px}.story-copy{text-align:center}.story-copy>p{margin-inline:auto}.story-points{text-align:left}.story-copy>.btn{margin-inline:auto}}
@media(max-width:520px){.community-story{padding:28px 0}.story-visual .motion-illustration{height:235px}.motion-spark{width:24px;height:24px}.story-copy h2{font-size:1.55rem}.story-points>div{padding:9px}.home-art .motion-spark{display:none}}
@media(max-width:360px){.site-container{width:calc(100% - 18px)}.app-content{padding-inline:9px}.panel,.card{padding:14px}.public-actions{gap:5px}.public-actions .nav-text{display:none}.grid-4{grid-template-columns:1fr}.admin-stats{grid-template-columns:1fr}.mobile-bottom-nav{left:4px;right:4px}.mobile-bottom-nav a{font-size:.53rem}.hero-search{padding-left:9px}.home-copy h1{font-size:1.72rem}.home-stats>.site-container{grid-template-columns:1fr}.home-stats>.site-container>div{padding-block:4px}.register-card{padding-inline:12px}.chat-history{padding:11px}.chat-bubble{max-width:100%}.chat-bubble>.avatar{display:none}.search-primary{grid-template-columns:1fr}.search-primary>.btn{grid-column:auto}.profile-form{padding:15px}.toast{right:4px;width:calc(100vw - 8px)}}
@media(prefers-reduced-motion:reduce){.motion-illustration>img,.motion-halo,.motion-spark,.auth-art>img,.notification-aside>img,.admin-overview>img,.profile-art>img,.create-aside .visual-card>img,.member-visual>img,.onboarding-art>img{animation:none!important;transform:none!important}}
.help-hero>.motion-illustration{align-self:end;height:260px}.help-hero>.motion-illustration>img{object-position:center bottom}.help-journey{display:grid;grid-template-columns:minmax(330px,.85fr) minmax(0,1.15fr);align-items:center;gap:28px;margin-top:24px;padding:24px;background:linear-gradient(110deg,#f6faf7,#fff)}.help-journey-art .motion-illustration{height:300px}.help-journey h2{font-size:clamp(1.35rem,2.8vw,2.15rem)}.help-journey>div:last-child>p{max-width:62ch;margin:10px 0 14px;color:var(--muted);font-size:.76rem}.help-journey .chips{margin-bottom:16px}.motion-welcome .spark-one{left:5%;top:23%}.motion-welcome .spark-two{right:10%;bottom:18%}.motion-support .spark-one{left:10%;top:22%}.motion-support .spark-two{right:8%;bottom:20%}
@media(max-width:860px){.help-journey{grid-template-columns:1fr;text-align:center}.help-journey-art{order:2}.help-journey-art .motion-illustration{height:260px}.help-journey .chips,.help-journey .btn{justify-content:center;margin-inline:auto}}
@media(max-width:640px){.help-hero>.motion-illustration{height:210px}.help-journey{padding:18px}.help-journey-art .motion-illustration{height:220px}}
@media(prefers-reduced-motion:reduce){.help-hero>.motion-illustration>img,.help-journey-art .motion-illustration>img{animation:none!important;transform:none!important}}
.group-motion-card{min-height:175px;padding:8px}.group-motion-card .motion-illustration{height:170px}.motion-connections .spark-one{top:14%;left:7%}.motion-connections .spark-two{right:7%;bottom:15%}.discovery-banner img,.legal-header img,.inbox-welcome>img,.error-page>img{animation:soft-breathe 9s ease-in-out infinite}.legal-header img,.error-page>img{animation-duration:10s}
@media(max-width:860px){.group-motion-card{display:none}}
@media(prefers-reduced-motion:reduce){.discovery-banner img,.legal-header img,.inbox-welcome>img,.error-page>img{animation:none!important;transform:none!important}}
.table-shell{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:#fff}.table-shell table{width:100%;border-collapse:collapse}.table-shell caption{padding:12px;text-align:left;font-weight:800}.table-shell th,.table-shell td{padding:11px 13px;border-bottom:1px solid var(--line);font-size:.7rem;text-align:left}.table-shell th{color:var(--muted);background:var(--soft);font-size:.62rem;text-transform:uppercase;letter-spacing:.04em}.table-shell tbody tr:last-child td{border-bottom:0}.skeleton{display:flex;align-items:center;gap:11px;padding:12px}.skeleton-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#e7eeea}.skeleton-lines{display:grid;flex:1;gap:7px}.skeleton-lines i{height:8px;border-radius:99px;background:linear-gradient(90deg,#e8eeeb 25%,#f5f8f6 45%,#e8eeeb 65%);background-size:300% 100%;animation:skeleton-wave 1.5s ease infinite}.skeleton-lines i:last-child{width:65%}@keyframes skeleton-wave{to{background-position:-100% 0}}

/* Compact, edge-safe responsive layout */
html,body{max-width:100%;overflow-x:hidden}.app-column,.app-content,.page,.site-container,.panel,.card,.grid>*{min-width:0}.app-content{padding:18px 22px 30px}.page-head{gap:14px;margin-bottom:14px}.page-head p{font-size:.78rem}.section{padding:18px 0}.section-title{margin-bottom:11px}.stack{gap:11px}.grid{gap:11px}.panel{padding:17px}.card{padding:15px}.back-link{margin-bottom:11px}.pagination{margin-top:15px}.empty-state{padding:20px 15px}.empty-state>img{max-height:145px}.form-grid{gap:11px}.form-section{padding:15px 0}.profile-form{padding:18px}.filter-grid{gap:9px;margin-top:11px;padding-top:11px}.search-panel{margin-bottom:13px}.results-head{margin-bottom:9px}.member-grid,.group-grid{gap:10px}.member-card,.group-card{height:100%}.discovery-banner{min-height:205px;margin-top:18px;padding:18px 22px 0}.discovery-banner img{height:200px;object-fit:cover;object-position:center 61%}.dashboard-stats{margin-bottom:14px}.quick-actions{margin-bottom:14px}.dashboard-columns,.profile-view-grid,.group-content-grid,.create-grid,.inbox-grid,.notification-layout,.profile-edit-grid,.admin-grid{gap:11px}.onboarding{gap:16px;margin-top:11px}.group-activity{margin-top:11px}.help-hero{min-height:235px;margin-bottom:18px;padding:18px 24px 0}.support-cta{margin-top:17px}.legal-header{min-height:250px}.legal-content,.legal-note{margin-top:11px}.admin-stats{margin-bottom:11px}.register-page{padding:22px 0}.register-card{min-height:0;padding:22px 24px}.auth-page{padding:24px 0}.auth-grid{gap:34px}.auth-card{padding:23px}.inbox-grid{min-height:390px}.notification-row{padding:12px 15px}.chat-history{height:min(55vh,460px)}.direct-chat{height:min(58vh,500px)}

/* Crop the baked-in white canvas around generated illustrations. */
.motion-illustration{overflow:hidden;--art-scale:1.07}.motion-hero{height:clamp(300px,32vw,430px);--art-scale:1.08}.motion-celebrate{--art-scale:1.16}.motion-welcome{--art-scale:1.13}.motion-support{--art-scale:1.09}.motion-connections{--art-scale:1.14}.motion-illustration>img{animation-name:art-float-compact}.motion-celebrate>img{animation-name:celebrate-float-compact}@keyframes art-float-compact{0%,100%{transform:translate3d(0,0,0) scale(var(--art-scale))}50%{transform:translate3d(0,-6px,0) scale(calc(var(--art-scale) + .008))}}@keyframes celebrate-float-compact{0%,100%{transform:translateY(0) scale(var(--art-scale))}50%{transform:translateY(-6px) scale(calc(var(--art-scale) + .01))}}.story-visual .motion-illustration{height:320px}.help-journey-art .motion-illustration{height:245px}.help-hero>.motion-illustration{height:225px}.group-motion-card{min-height:145px}.group-motion-card .motion-illustration{height:140px}.onboarding-art,.inbox-welcome,.notification-aside,.admin-overview,.profile-art,.create-aside .visual-card,.member-visual{overflow:hidden}.onboarding-art img{object-fit:cover;object-position:center 62%}.inbox-welcome>img{height:220px;object-fit:cover;object-position:center 60%}.notification-aside>img{height:195px;object-fit:cover;object-position:center 62%}.admin-overview>img{height:165px;object-fit:cover;object-position:center 58%}.create-aside .visual-card>img,.member-visual>img{object-fit:cover;object-position:center 62%}

/* Prevent content and actions from forcing horizontal scrolling. */
h1,h2,h3,p,strong,small,dd,a{overflow-wrap:anywhere}.toolbar,.card-actions,.form-footer,.profile-cta,.dialog-actions{min-width:0}.toolbar>*,.card-actions>*{max-width:100%}.list-row>span:nth-child(2),.conversation-row>span:nth-child(2),.activity-card>span:nth-child(2),.admin-row>div:nth-child(2){min-width:0}.table-shell{-webkit-overflow-scrolling:touch}.field,select.field{max-width:100%}.user-menu>nav{max-width:calc(100vw - 18px)}

@media(max-width:1100px){.app-content{padding:16px 17px 27px}.panel{padding:15px}.card{padding:14px}.page-head{margin-bottom:12px}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.story-visual .motion-illustration{height:285px}.community-story-grid{gap:25px}.profile-edit-grid{grid-template-columns:235px minmax(0,1fr)}.legal-page{max-width:100%}}
@media(max-width:860px){.app-content{padding:14px 14px 25px}.page-head{align-items:flex-start}.home-hero{padding:26px 0 16px}.home-art .motion-illustration{height:285px}.home-actions{padding:16px 0}.community-story{padding:25px 0}.story-visual .motion-illustration{height:235px}.register-page{padding:16px 0}.register-card{padding:19px}.dashboard-columns>.panel,.profile-edit-grid>.panel,.group-content-grid>.panel,.admin-grid .panel{width:100%}.onboarding{padding:15px}.help-journey{gap:8px;margin-top:16px}.help-journey-art .motion-illustration{height:215px}.legal-header{min-height:220px}.legal-header img{height:220px}.profile-edit-grid>aside{gap:10px}.notification-panel{width:100%}}
@media(max-width:760px){.app-content{padding:12px 11px 22px}.page-head{gap:9px;margin-bottom:11px}.page-head h1{font-size:1.55rem}.panel{padding:14px}.card{padding:13px}.grid{gap:9px}.section{padding:14px 0}.section-title{align-items:flex-start}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero-grid{gap:9px}.home-art .motion-illustration{height:250px}.home-copy>p{margin:11px 0 14px}.home-action-grid{gap:9px}.home-action,.latest-groups{padding:14px}.community-story-grid{gap:6px}.story-copy>p{margin:9px auto 13px}.story-visual .motion-illustration{height:210px}.discovery-banner{min-height:0}.help-hero{margin-bottom:14px}.help-journey-art .motion-illustration{height:195px}.chat-person{padding:12px 14px}.chat-history{height:min(52vh,420px)}.message-composer{padding:10px}.profile-edit-grid>aside{grid-template-columns:1fr}.profile-art{display:none}.form-section{padding:13px 0}.admin-row{padding:10px 0}.error-page{min-height:calc(100vh - 105px);gap:15px;padding:20px 0}}
@media(max-width:640px){.public-content{min-height:calc(100vh - 115px)}.home-hero{padding-top:20px}.home-copy h1{font-size:1.8rem}.home-art .motion-illustration{height:215px}.home-copy>.chips{gap:5px}.home-actions{padding:12px 0}.home-stats{padding:14px 0}.community-story{padding:21px 0}.story-visual .motion-illustration{height:185px}.story-points{gap:6px;margin-bottom:13px}.auth-page{min-height:calc(100vh - 115px);padding:14px 0}.auth-card,.register-card{padding:16px 14px}.register-shell{gap:12px}.register-card{min-height:0}.filter-grid{grid-template-columns:1fr}.search-primary{gap:6px}.member-grid,.group-grid{gap:8px}.discovery-banner{margin-top:13px;padding:15px 15px 0}.discovery-banner img{height:155px}.profile-hero-card{gap:11px}.profile-details>div{padding-block:8px}.group-hero{gap:9px}.inbox-panel{min-height:0}.conversation-row{padding:10px 12px}.group-activity{padding:13px}.notification-summary{flex-wrap:wrap;gap:8px 14px}.notification-row{padding:11px 12px}.help-hero{padding:16px 14px 0}.help-hero>.motion-illustration{height:175px}.help-journey{padding:14px}.help-journey-art .motion-illustration{height:170px}.support-cta{margin-top:13px;padding:15px}.legal-header{min-height:0;padding:17px 14px 0}.legal-header img{height:165px}.legal-content{padding:14px}.legal-list article{padding:11px 0}.profile-form{padding:14px}.privacy-options{gap:8px}.admin-grid{gap:9px}.admin-overview>img{height:135px}.error-page>img{max-height:210px}.footer>.site-container{padding-block:10px}}
@media(max-width:460px){.site-container{width:calc(100% - 18px)}.app-content{padding-inline:9px}.page-head>.btn,.page-head>form,.page-head>form>.btn{width:100%}.page-head>form>.btn{justify-content:center}.public-nav{gap:8px}.user-chip>span:nth-child(2){display:none}.user-menu>nav{top:43px}.home-art .motion-illustration{height:185px}.hero-search{gap:5px}.hero-search .btn{width:100%}.home-stats>.site-container{gap:6px}.home-stats>.site-container>div{justify-content:start;padding:4px 6px}.story-visual .motion-illustration{height:160px}.story-points>div{grid-template-columns:auto 1fr}.motion-spark{display:none}.grid-4{gap:7px}.stat-card{padding:11px}.stat-card strong{font-size:1.2rem}.quick-actions .grid-4{grid-template-columns:1fr 1fr}.quick-btn{min-height:44px;padding:8px;font-size:.64rem}.profile-avatar{width:68px;height:68px;flex-basis:68px}.photo-field{grid-template-columns:1fr}.photo-field>.avatar{margin-inline:auto}.chat-bubble{max-width:98%}.chat-bubble>div{padding:8px 9px}.message-composer{grid-template-columns:minmax(0,1fr) 40px}.message-composer .btn{width:40px;height:40px}.support-cta .toolbar{width:100%}.support-cta .toolbar .btn{width:100%}.legal-note{align-items:flex-start;padding:12px}.admin-row>.toolbar{width:100%}.admin-row>.toolbar form{flex:1}.admin-row>.toolbar .btn{width:100%}.dialog-actions{flex-direction:column-reverse}.dialog-actions .btn{width:100%}.error-page{width:calc(100% - 18px)}.error-code-mark{font-size:2.8rem}}
@media(max-width:360px){.app-content{padding-inline:7px}.panel,.card{padding:12px}.home-copy h1{font-size:1.6rem}.home-art .motion-illustration{height:160px}.community-story{padding:17px 0}.story-visual .motion-illustration{height:140px}.home-stats>.site-container{grid-template-columns:1fr 1fr}.home-stats>.site-container>div{font-size:.62rem}.quick-actions .grid-4,.dashboard-stats,.admin-stats{grid-template-columns:1fr}.filter-grid{grid-template-columns:1fr}.search-primary{grid-template-columns:1fr}.search-primary>.btn{width:100%}.register-step{min-height:42px}.register-card{padding-inline:11px}.help-hero>.motion-illustration{height:145px}.help-journey-art .motion-illustration{height:145px}.discovery-banner img{height:130px}.mobile-bottom-nav{padding:3px}.mobile-bottom-nav a{min-height:45px}.mobile-bottom-nav svg{width:16px;height:16px}.mobile-bottom-nav span{font-size:.51rem}}
@media(prefers-reduced-motion:reduce){.motion-illustration>img{animation:none!important;transform:scale(var(--art-scale))!important}}
@media(max-height:720px) and (min-width:761px){.auth-page{min-height:auto;padding:16px 0}.auth-art>img{max-height:360px}.auth-grid{gap:25px}.register-page{padding:15px 0}.register-art img{max-height:390px}.sidebar{padding-block:10px}.sidebar>.brand{padding-bottom:10px}.side-nav{gap:1px}.side-nav a,.sidebar-logout button{min-height:36px;padding-block:6px}.app-content{padding-top:14px}}
@media(max-height:520px) and (min-width:761px) and (max-width:950px){body.has-app-shell{padding-bottom:58px}.app-shell{display:block}.sidebar{display:none}.app-topbar{height:52px;padding:0 12px;justify-content:space-between}.brand.compact{display:inline-flex}.brand.compact .brand-mark{width:29px;height:29px;flex-basis:29px}.app-content{min-height:calc(100vh - 52px);padding:10px 12px 18px}.mobile-bottom-nav{position:fixed;z-index:100;left:10px;right:10px;bottom:5px;display:grid;grid-template-columns:repeat(5,1fr);padding:3px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.97);box-shadow:0 8px 26px rgba(9,31,54,.15)}.mobile-bottom-nav a{min-height:43px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:8px;color:var(--muted);font-size:.55rem;font-weight:700}.mobile-bottom-nav a.active{color:var(--green);background:var(--green-soft)}.page-head{margin-bottom:9px}.chat-history{height:calc(100vh - 210px);min-height:180px}}
.conversation-panel,.inbox-panel,.notification-panel,.chat-shell,.report-panel{padding:0}

/* Admin OTP diagnostics */
.otp-security-note{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px;margin-bottom:12px;padding:12px 14px;border:1px solid #efd49e;border-radius:10px;color:#79500c;background:var(--warning-soft)}.otp-security-note>span{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#fff}.otp-security-note strong{font-size:.74rem}.otp-security-note p{margin-top:2px;font-size:.65rem}.otp-stats{margin-bottom:11px}.otp-filters{display:grid;grid-template-columns:minmax(240px,1fr) minmax(155px,.38fr) minmax(135px,.32fr) auto auto;align-items:end;gap:8px;margin-bottom:12px;padding:12px}.otp-filter-search{position:relative}.otp-filter-search>svg{position:absolute;z-index:1;top:50%;left:11px;transform:translateY(-50%);color:var(--muted)}.otp-filter-search .field{padding-left:37px}.otp-results-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:var(--muted);font-size:.67rem}.otp-results-head strong{color:var(--navy);font-size:.78rem}.otp-list{display:grid;gap:7px}.otp-card{display:grid;grid-template-columns:minmax(195px,1.15fr) minmax(115px,.42fr) minmax(180px,.72fr) auto;align-items:center;gap:12px;padding:12px 13px;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:10px;background:#fff;box-shadow:var(--shadow-sm)}.otp-card.used{border-left-color:var(--blue)}.otp-card.expired{border-left-color:var(--danger);background:#fffafa}.otp-contact{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;min-width:0}.otp-contact strong,.otp-contact small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.otp-contact strong{font-size:.72rem}.otp-contact small{margin-top:2px;color:var(--muted);font-size:.59rem}.otp-code span,.otp-timing span,.otp-timing small{display:block;color:var(--muted);font-size:.57rem}.otp-code strong{display:block;margin-top:2px;color:var(--navy);font-family:"Cascadia Code","SFMono-Regular",Consolas,monospace;font-size:1.05rem;letter-spacing:.12em}.otp-timing strong{display:block;margin:2px 0;color:var(--text);font-size:.65rem}.otp-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.otp-actions .btn{min-width:70px}
@media(max-width:1100px){.otp-filters{grid-template-columns:1fr 1fr auto}.otp-filter-search{grid-column:1/-1}.otp-card{grid-template-columns:minmax(0,1fr) auto}.otp-timing{grid-column:1}.otp-actions{grid-column:2;grid-row:1/3;flex-direction:column;align-items:flex-end}.otp-actions .btn{width:100%}}
@media(max-width:760px){.otp-filters{grid-template-columns:1fr 1fr}.otp-filter-search{grid-column:1/-1}.otp-filters>.btn{width:100%}.otp-results-head{align-items:flex-start;flex-direction:column}.otp-card{grid-template-columns:minmax(0,1fr) auto}.otp-timing{grid-column:1/-1}.otp-actions{grid-column:2;grid-row:1/3}}
@media(max-width:520px){.otp-security-note{padding:10px}.otp-stats{grid-template-columns:1fr 1fr}.otp-filters{grid-template-columns:1fr}.otp-filter-search{grid-column:auto}.otp-card{grid-template-columns:1fr;padding:11px}.otp-code{padding:8px 0;border-block:1px solid var(--line)}.otp-code strong{font-size:1.15rem}.otp-timing,.otp-actions{grid-column:auto;grid-row:auto}.otp-actions{align-items:center;justify-content:space-between;flex-direction:row}.otp-actions .btn{width:auto}.otp-contact strong{white-space:normal}}
@media(max-width:360px){.otp-stats{grid-template-columns:1fr}.otp-actions{align-items:stretch;flex-direction:column}.otp-actions .badge{align-self:flex-start}.otp-actions .btn{width:100%}}

/* Responsive global footer */
@media(max-width:900px){.footer>.site-container{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;font-size:.65rem}.footer nav{grid-column:2}.footer-credit{grid-column:3}}
@media(max-width:700px){body{background-attachment:scroll}.footer>.site-container{min-height:0;grid-template-columns:1fr;justify-items:center;align-items:center;gap:8px;padding-block:14px;text-align:center}.footer-copyright,.footer nav,.footer-credit{grid-column:1;justify-self:center}.footer-copyright{grid-row:1}.footer nav{grid-row:2;gap:24px}.footer-credit{grid-row:3;text-align:center}}
@media(max-width:460px){.footer nav{width:100%;padding-block:7px;border-block:1px solid rgba(8,122,72,.1)}}

/* Compact mobile group summary and icon-only send state */
.group-hero-main{min-width:0}.group-details-toggle{display:none}.message-composer .btn[data-loading-icon]{overflow:hidden}.message-composer .btn[data-loading-icon] .spinner{margin:0}
@media(max-width:640px){.group-hero{grid-template-columns:54px minmax(0,1fr);align-items:start;gap:8px 11px;padding:14px;text-align:left}.group-hero>.group-avatar{width:54px;height:54px;margin:0;flex-basis:54px;border-radius:14px}.group-hero h1{margin:5px 0 0;font-size:1.3rem}.group-details-toggle{min-height:30px;display:inline-flex;align-items:center;gap:7px;margin-top:6px;padding:4px 9px;border:1px solid #cfe1d8;border-radius:99px;color:var(--green-dark);background:rgba(255,255,255,.8);cursor:pointer;font-size:.65rem;font-weight:800}.group-details-toggle:hover{border-color:#a9d0bc;background:var(--green-soft)}.group-details-symbol{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--green);font-size:.82rem;line-height:1}.group-details-symbol::before{content:"+"}.group-details-toggle[aria-expanded="true"] .group-details-symbol::before{content:"−"}.group-details-ready .group-extra{display:none}.group-details-ready.details-open .group-extra{display:block}.group-extra{margin-top:9px}.group-hero .group-extra>p{margin-bottom:8px}.group-hero .chips{justify-content:flex-start;gap:5px}.group-hero .chip{padding:5px 7px;font-size:.61rem}.group-join{grid-column:2;justify-self:start}}
@media(max-width:430px){.group-hero{grid-template-columns:46px minmax(0,1fr);padding:12px}.group-hero>.group-avatar{width:46px;height:46px;flex-basis:46px;border-radius:12px;font-size:.75rem}.group-hero h1{font-size:1.16rem}.group-details-toggle{font-size:.62rem}.group-join{grid-column:2}}

/* Viewport-bound application shell and independently scrolling work areas */
html.has-app-shell-root{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body.has-app-shell{width:100%;height:100vh;height:100dvh;min-height:0;overflow:hidden;overscroll-behavior:none;padding-bottom:0}.has-app-shell .app-shell{height:100%;min-height:0;overflow:hidden}.has-app-shell .sidebar{height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c7d8cf transparent}.has-app-shell .app-column{height:100%;min-height:0;display:grid;grid-template-rows:62px minmax(0,1fr);overflow:hidden}.has-app-shell .app-topbar{height:62px}.has-app-shell .app-content{height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#b9cec3 transparent}.has-app-shell .app-content.app-content-contained{overflow-y:hidden;scrollbar-gutter:auto}.has-app-shell .sidebar::-webkit-scrollbar,.has-app-shell .app-content::-webkit-scrollbar,.profile-form::-webkit-scrollbar,.profile-edit-grid>aside::-webkit-scrollbar{width:8px}.has-app-shell .sidebar::-webkit-scrollbar-thumb,.has-app-shell .app-content::-webkit-scrollbar-thumb,.profile-form::-webkit-scrollbar-thumb,.profile-edit-grid>aside::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:99px;background:#b9cec3;background-clip:padding-box}

/* Profile: fixed summary pane and an inner-scrolling form on larger screens. */
.profile-edit-page{height:100%;min-height:0;display:flex;flex-direction:column}.profile-edit-page>.page-head{flex:0 0 auto}.profile-edit-grid{min-height:0;flex:1;grid-template-columns:minmax(220px,260px) minmax(0,1fr);align-items:stretch;overflow:hidden}.profile-edit-grid>aside{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:3px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#c7d8cf transparent}.profile-edit-grid>.profile-form{height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#b9cec3 transparent}.profile-form .form-footer{position:sticky;z-index:5;bottom:-18px;margin-right:-18px;margin-left:-18px;padding:12px 18px 18px;background:linear-gradient(180deg,rgba(255,255,255,.86),#fff 30%)}

/* Discussion pages keep the message timeline as the scrolling region. */
.group-view-page{height:100%;min-height:0;display:flex;flex-direction:column}.group-view-page>.back-link,.group-view-page>.group-hero{flex:0 0 auto}.group-view-page>.group-content-grid{min-height:0;flex:1;align-items:stretch;overflow:hidden}.group-view-page .conversation-panel{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.group-view-page .chat-history{height:auto;min-height:180px}.group-view-page>.group-content-grid>aside{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}

/* Collapse the desktop sidebar before it squeezes tablet content. */
@media(max-width:900px){.has-app-shell .app-shell{display:block}.has-app-shell .sidebar{display:none}.has-app-shell .app-column{grid-template-rows:58px minmax(0,1fr)}.has-app-shell .app-topbar{height:58px;padding:0 13px;justify-content:space-between}.has-app-shell .brand.compact{display:inline-flex}.has-app-shell .brand.compact .brand-mark{width:30px;height:30px;flex-basis:30px}.has-app-shell .app-content{padding:14px 14px calc(82px + env(safe-area-inset-bottom))}.has-app-shell .mobile-bottom-nav{position:fixed;z-index:100;left:8px;right:8px;bottom:calc(7px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:5px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.97);box-shadow:0 8px 26px rgba(9,31,54,.15)}.has-app-shell .mobile-bottom-nav a{position:relative;min-width:0;min-height:49px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:9px;color:var(--muted);font-size:.59rem;font-weight:700}.has-app-shell .mobile-bottom-nav a.active{color:var(--green);background:var(--green-soft)}.profile-edit-grid{grid-template-columns:minmax(205px,230px) minmax(0,1fr)}.group-view-page{height:auto;min-height:100%}.group-view-page>.group-content-grid{min-height:0;flex:none;overflow:visible}.group-view-page .conversation-panel{min-height:500px}.group-view-page>.group-content-grid>aside{overflow:visible}}
@media(max-width:720px){.profile-edit-page{height:auto;min-height:100%}.profile-edit-grid{display:grid;grid-template-columns:minmax(0,1fr);flex:none;overflow:visible}.profile-edit-grid>aside{display:block;overflow:visible;padding-right:0}.profile-edit-grid>.profile-form{height:auto;overflow:visible}.profile-form .form-footer{position:static;margin-right:0;margin-left:0;padding:13px 0 0;background:transparent}.profile-art{display:none}}
@media(max-width:460px){.has-app-shell .app-content{padding:10px 9px calc(76px + env(safe-area-inset-bottom))}.profile-edit-page>.page-head{margin-bottom:10px}.profile-summary{padding:14px}.profile-summary .profile-avatar{width:64px;height:64px;flex-basis:64px}.profile-checklist{margin-top:10px}.profile-checklist>div{gap:8px;padding:8px 0}.profile-form{padding:13px}.profile-form .form-grid{grid-template-columns:minmax(0,1fr)}.profile-form .photo-field{grid-template-columns:minmax(0,1fr)}.profile-form .photo-field>.avatar{margin-inline:auto}.profile-form .privacy-options{grid-template-columns:minmax(0,1fr)}}
@media(max-height:520px) and (min-width:721px) and (max-width:900px){.has-app-shell .app-column{grid-template-rows:52px minmax(0,1fr)}.has-app-shell .app-topbar{height:52px}.has-app-shell .app-content{padding-top:10px}}

/* Tablet profile layout: full-width summary above the scrolling form. */
.profile-checklist-toggle{display:none}
@media(max-width:900px){.profile-edit-page{height:100%;min-height:0}.profile-edit-grid{min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);flex:1;overflow:hidden}.profile-edit-grid>aside{display:block;overflow:visible;padding-right:0}.profile-edit-grid>.profile-form{height:100%;min-height:0;overflow-x:hidden;overflow-y:auto}.profile-art{display:none}.profile-summary{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(170px,.55fr);grid-template-rows:auto auto auto;align-items:center;gap:3px 14px;padding:12px 14px;text-align:left}.profile-summary>[data-photo-upload]{grid-column:1;grid-row:1/4}.profile-summary .profile-avatar{width:58px;height:58px;margin:0;flex-basis:58px}.profile-summary>h2{grid-column:2;grid-row:1}.profile-summary>p{grid-column:2;grid-row:2;margin:0}.profile-summary>.completion-row{grid-column:3;grid-row:1;margin:0}.profile-summary>.progress{grid-column:3;grid-row:2;width:100%}.profile-checklist-toggle{grid-column:2/4;grid-row:3;width:max-content;max-width:100%;min-height:29px;display:inline-flex;align-items:center;gap:7px;margin-top:4px;padding:4px 9px;border:1px solid #cfe1d8;border-radius:99px;color:var(--green-dark);background:rgba(255,255,255,.82);cursor:pointer;font-size:.64rem;font-weight:800}.profile-checklist-symbol{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--green);font-size:.82rem;line-height:1}.profile-checklist-symbol::before{content:"+"}.profile-checklist-toggle[aria-expanded="true"] .profile-checklist-symbol::before{content:"−"}.profile-summary>.profile-checklist{grid-column:1/-1;grid-row:4;margin-top:7px}.profile-checklist-ready>.profile-checklist{display:none}.profile-checklist-ready.checklist-open>.profile-checklist{display:grid}}
@media(max-width:600px){.has-app-shell .app-content.app-content-contained{overflow-y:auto;scrollbar-gutter:stable}.profile-edit-page{height:auto;min-height:100%}.profile-edit-grid{grid-template-rows:auto auto;flex:none;overflow:visible}.profile-edit-grid>.profile-form{height:auto;overflow:visible}.profile-form .form-footer{position:static;margin-right:0;margin-left:0;padding:13px 0 0;background:transparent}}
@media(max-width:520px){.profile-summary{grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto auto auto auto auto;gap:3px 11px}.profile-summary>[data-photo-upload]{grid-column:1;grid-row:1/3}.profile-summary .profile-avatar{width:50px;height:50px;flex-basis:50px}.profile-summary>h2{grid-column:2;grid-row:1}.profile-summary>p{grid-column:2;grid-row:2}.profile-summary>.completion-row{grid-column:1/-1;grid-row:3;margin-top:7px}.profile-summary>.progress{grid-column:1/-1;grid-row:4}.profile-checklist-toggle{grid-column:1/-1;grid-row:5}.profile-summary>.profile-checklist{grid-row:6}}

/* Keep one application-controlled password visibility toggle in every browser. */
input[type="password"]::-ms-reveal,input[type="password"]::-ms-clear{display:none}

/* Polished large-screen home hero */
.hero-line,.home-copy h1 em{display:block}.hero-chip-label{align-self:center;color:var(--muted);font-size:.63rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.hero-proof{display:none}
@media(min-width:1081px){.home-hero{position:relative;isolation:isolate;overflow:hidden;padding:48px 0 80px}.home-hero::before,.home-hero::after{content:"";position:absolute;z-index:0;border-radius:50%;pointer-events:none}.home-hero::before{width:560px;height:560px;top:-250px;right:9%;background:radial-gradient(circle,rgba(8,122,72,.11),rgba(8,122,72,0) 70%)}.home-hero::after{width:420px;height:420px;bottom:-270px;left:4%;background:radial-gradient(circle,rgba(236,174,70,.11),rgba(236,174,70,0) 70%)}.home-hero-grid{position:relative;z-index:1;grid-template-columns:minmax(0,1.18fr) minmax(430px,.82fr);gap:clamp(42px,4.5vw,68px)}.home-copy h1{max-width:760px;font-size:clamp(2.9rem,3.5vw,3.55rem);line-height:1.035;letter-spacing:-.045em}.home-copy h1 em{margin:4px 0}.home-copy>p{max-width:59ch;margin:18px 0 21px;font-size:.88rem;line-height:1.65}.hero-search{width:min(100%,640px);min-height:55px;padding:6px 6px 6px 15px;border-color:rgba(8,122,72,.15);border-radius:13px;box-shadow:0 12px 30px rgba(20,51,39,.09)}.hero-search .btn{min-height:43px;padding-inline:19px;border-radius:9px}.hero-search-types{gap:7px;margin-top:12px}.hero-search-types .chip{padding:6px 10px;border-color:rgba(8,122,72,.12);box-shadow:0 3px 9px rgba(20,51,39,.04)}.home-art{position:relative;min-width:0;padding:18px 8px}.home-art::before{content:"";position:absolute;inset:8% 3% 4%;border:1px solid rgba(8,122,72,.08);border-radius:44% 56% 48% 52%/52% 44% 56% 48%;background:linear-gradient(145deg,rgba(255,255,255,.6),rgba(231,245,237,.44));box-shadow:0 28px 70px rgba(30,72,54,.08);transform:rotate(-2deg)}.home-art .motion-illustration{z-index:1;isolation:auto;overflow:visible}.home-art .motion-illustration>img{mix-blend-mode:multiply;filter:saturate(1.03) contrast(1.01)}.home-art .motion-halo{inset:16% 6% 2%}.hero-proof{position:absolute;z-index:5;display:flex;align-items:center;gap:9px;max-width:190px;padding:9px 11px;border:1px solid rgba(8,122,72,.13);border-radius:11px;background:rgba(255,255,255,.9);box-shadow:0 12px 30px rgba(20,51,39,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-proof>span{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border-radius:9px;color:var(--green);background:var(--green-soft)}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:.68rem}.hero-proof small{margin-top:2px;color:var(--muted);font-size:.57rem}.hero-proof-top{top:8%;right:-8px}.hero-proof-bottom{bottom:7%;left:-12px}.home-actions{position:relative;z-index:4;margin-top:-38px;padding:0 0 28px}.home-action,.latest-groups{border-color:rgba(8,122,72,.12);box-shadow:0 13px 34px rgba(20,51,39,.09)}}
@media(min-width:1081px) and (max-width:1220px){.home-hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(410px,.88fr);gap:34px}.home-copy h1{font-size:2.85rem}.hero-proof{display:none}}
@media(max-width:860px){.hero-chip-label{width:100%;margin-bottom:1px}.hero-search-types{justify-content:center}}

/* Animated registration progress */
.register-nav{--step-progress-scale:0;isolation:isolate}.register-nav::before,.register-nav::after{content:"";position:absolute;z-index:0;border-radius:99px}.register-nav::before{background:#d8e3dd}.register-nav::after{background:linear-gradient(180deg,#18a464,var(--green));transform-origin:top;transform:scaleY(var(--step-progress-scale));transition:transform .42s cubic-bezier(.22,1,.36,1)}.register-step{z-index:1;padding:5px 8px;border-radius:11px;transition:color .25s,background .25s,transform .25s}.register-step:not(:last-child)::after{display:none}.register-step i{position:relative;width:36px;height:36px;flex:0 0 36px;border:2px solid #cad9d1;background:#fff;box-shadow:0 4px 12px rgba(20,51,39,.06);font-size:.72rem;transition:color .25s,border-color .25s,background .25s,box-shadow .25s,transform .35s cubic-bezier(.22,1,.36,1)}.register-step i::after{content:"";position:absolute;inset:-7px;border:2px solid rgba(8,122,72,.22);border-radius:50%;opacity:0;transform:scale(.72)}.register-step.is-active{color:var(--green-dark);background:rgba(233,246,239,.72)}.register-step.is-active i{color:#fff;border-color:var(--green);background:linear-gradient(145deg,#159b5e,var(--green-dark));box-shadow:0 7px 18px rgba(8,122,72,.24);transform:scale(1.06)}.register-step.is-active i::after{animation:register-step-pulse 1.8s ease-out infinite}.register-step.is-complete{color:var(--green)}.register-step.is-complete i{color:#fff;border-color:var(--green);background:var(--green);animation:register-step-complete .38s cubic-bezier(.22,1,.36,1)}[data-form-step].step-visible{animation:register-step-reveal .36s cubic-bezier(.22,1,.36,1)}@keyframes register-step-pulse{0%{opacity:.8;transform:scale(.72)}65%,100%{opacity:0;transform:scale(1.32)}}@keyframes register-step-complete{0%{transform:scale(.75) rotate(-12deg)}100%{transform:scale(1) rotate(0)}}@keyframes register-step-reveal{0%{opacity:0;transform:translateY(9px)}100%{opacity:1;transform:translateY(0)}}
@media(min-width:861px){.register-nav{padding-block:8px}.register-nav::before,.register-nav::after{top:31px;bottom:31px;left:25px;width:3px}.register-step{min-height:64px;gap:12px}.register-step:hover{background:rgba(233,246,239,.55)}}
@media(max-width:860px){.register-nav{position:relative;top:auto;width:min(100%,680px);justify-self:center;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 14px 12px;border:1px solid rgba(8,122,72,.12);border-radius:14px;background:rgba(255,255,255,.74);box-shadow:0 8px 24px rgba(20,51,39,.07);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.register-nav::before,.register-nav::after{top:28px;right:16.666%;left:16.666%;height:3px}.register-nav::after{transform-origin:left;transform:scaleX(var(--step-progress-scale))}.register-step{min-width:0;min-height:59px;flex-direction:column;justify-content:start;gap:4px;padding:0 4px;background:transparent!important;text-align:center}.register-step i{width:36px;height:36px;flex-basis:36px}.register-step span{display:block;max-width:100%;overflow:hidden;font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}.register-card{transition:box-shadow .25s}.register-shell:has(.register-step.is-active:nth-child(2)) .register-card,.register-shell:has(.register-step.is-active:nth-child(3)) .register-card{box-shadow:0 12px 32px rgba(20,51,39,.1)}}
@media(max-width:430px){.register-nav{padding-inline:8px}.register-step span{display:block;font-size:.56rem}.register-step i{width:33px;height:33px;flex-basis:33px}.register-nav::before,.register-nav::after{top:26px}.register-card{border-radius:13px}}
@media(prefers-reduced-motion:reduce){.register-nav::after,.register-step,.register-step i{transition:none}.register-step.is-active i::after,.register-step.is-complete i,[data-form-step].step-visible{animation:none}}