
*{box-sizing:border-box}body{margin:0;background:#f2f5fc;color:#172b49;font:16px/1.6 system-ui,sans-serif}main{max-width:960px;margin:auto;padding:16px 16px 125px}header,nav,.row,.hero{display:flex;align-items:center;gap:10px;flex-wrap:wrap}header{justify-content:space-between;margin-bottom:16px}header svg{width:46px;height:46px}.hero{background:#142d55;color:white;border-radius:22px;padding:22px}.hero h1,p,h2,h3{margin:4px 0 9px}.hero p{color:#dae7ff}.card,dialog{background:white;border:1px solid #d3dfee;border-radius:15px;padding:16px}.card{margin:12px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:9px}.tile{text-align:left;min-height:64px}.tile[aria-pressed=true]{outline:2px solid #315da0;outline-offset:-3px}button,input,select{font:inherit;color:inherit;border:1px solid #bdcce1;border-radius:9px;background:white;padding:8px 10px}button{cursor:pointer;min-height:44px}.primary{background:#264b82;color:white}.voice{background:#ffab77;color:#391b45;font-weight:700}.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(960px,100%);z-index:2;display:grid;grid-template-columns:1fr 1fr auto;gap:7px;padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:#e6eefb;box-shadow:0 -4px 18px #142d5520}.bottom button{padding-inline:6px}dialog{width:min(590px,calc(100% - 24px));max-height:88vh;overflow:auto}dialog::backdrop{background:#142d5577}.close{text-align:right;position:sticky;top:0;background:white}.prompt{background:#eee4f8;padding:12px;border-radius:10px}.notice{background:#e4edff;padding:10px;border-radius:9px}label{display:block;margin:8px 0}label input,label select{display:block;width:100%;margin-top:4px}label input[type=checkbox]{display:inline;width:auto}small,footer{color:#516480}[hidden]{display:none!important}
.policy-section{margin:12px 0;border:1px solid #c7d4e8;border-radius:10px;padding:14px;background:#fff}.policy-section summary{cursor:pointer;color:#17365d;line-height:1.6}.policy-section[open] summary{margin-bottom:10px}
.share-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;min-height:44px}.share-button svg{width:20px;height:20px;flex-shrink:0}.share-button.share-whatsapp{background:#e3f6eb;color:#12623c;border-color:#58a97b}.share-button.share-facebook{background:#e8efff;color:#204ea4;border-color:#6d91db}.share-button.share-other{background:#f1e8fc;color:#69379a;border-color:#aa82cc}.share-button.share-copy{background:#fff1d9;color:#805115;border-color:#c49a53}.share-button:hover{filter:brightness(.96)}.share-button:focus-visible{outline:3px solid #17365d;outline-offset:3px}
.post-actions{margin-top:12px;gap:10px}.post-share-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f2}.post-share-actions .share-button{width:100%;margin:0;padding:10px 12px;min-height:48px;line-height:1.5}.post-share-actions .share-button span{min-width:0;overflow-wrap:anywhere}.card{min-width:0;overflow-wrap:anywhere}@media(max-width:700px){.post-share-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.post-actions>button{max-width:100%}}@media(max-width:340px){.post-share-actions{grid-template-columns:1fr}}
.connection-screen{position:fixed;inset:0;z-index:100;background:#f2f5fc;display:grid;place-items:center;padding:24px;text-align:center}.connection-panel{width:min(480px,100%)}.connection-panel video{width:100%;height:auto;max-height:40vh;object-fit:contain}.connection-panel h2{font-size:22px}.connection-panel p{color:#516480}
a{color:#264b82;text-underline-offset:3px}.public-footer{padding:28px 0;margin-top:28px;border-top:1px solid #ccd7e8;font-size:14px}.public-footer nav{display:flex;gap:12px 20px}.public-home{padding:clamp(20px,4vw,42px);margin:20px 0;background:#fff;border:1px solid #d3dfee;border-radius:20px}.public-home h2{font-size:clamp(25px,4vw,38px);line-height:1.35}.public-home .intro{font-size:19px;max-width:720px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:14px;margin:24px 0}.feature{padding:22px;border-radius:14px;background:#edf2fc}.feature:nth-child(2){background:#fff1dd}.feature:nth-child(3){background:#f2eafd}.public-home .row{margin-top:18px}.public-home button{padding:12px 18px}.policy-page{max-width:900px;margin:auto;padding:24px 18px}.policy-page article{background:white;padding:clamp(18px,4vw,40px);border-radius:18px;border:1px solid #d3dfee}.policy-page h1{font-size:32px;line-height:1.3}.policy-page details{margin:16px 0;padding:16px;border:1px solid #d3dfee;border-radius:12px}.policy-page summary{font-weight:700;cursor:pointer}.policy-page p{margin:12px 0}.policy-page header{margin-bottom:24px}
