.publicstate{min-height:100vh;display:grid;place-items:center}.publicwrap{min-height:100vh;background:#eceef2;padding:30px 12px}.publiccard{--h:#6752ff;max-width:470px;margin:auto;background:#fff;border-radius:28px;overflow:hidden;text-align:center;min-height:800px;box-shadow:0 30px 80px #0002}.publiccard h1{margin:14px 0 5px}.publiccard>p{padding:0 28px;line-height:1.6}.publiccard>small{color:#777}.publiccard nav{display:flex;overflow:auto;gap:5px;padding:22px 20px 8px}.publiccard nav button{border:0;background:#f0f0f3;padding:9px 11px;border-radius:99px;text-transform:capitalize;font-weight:700}.publiccard nav button.on{background:var(--h);color:#fff}.publicgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px}.publicgrid article,.publicabout{border:1px solid #e1e2e6;border-radius:14px;padding:14px;text-align:left}.publicgrid article>div{height:80px;border-radius:9px;background:linear-gradient(135deg,#eee,var(--h))}.publicgrid h3{margin:10px 0 4px}.publicgrid p{font-size:12px;color:#777}.publicgrid button,.publicaction,.publicmodal button{width:100%;border:0;border-radius:10px;background:var(--h,#6752ff);color:#fff;padding:10px;font-weight:800;margin-top:10px}.publicaction{width:calc(100% - 44px);margin:14px 22px}.publicabout{margin:18px}.publiccard footer{margin:30px;color:#999;font-size:11px}.publicmodal{position:fixed;inset:0;background:#000b;display:grid;place-items:center;padding:15px}.publicmodal form{width:min(100%,430px);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;padding:22px}.publicmodal label{display:grid;gap:5px;margin:10px 0;font-size:12px;font-weight:700}.publicmodal input,.publicmodal textarea{border:1px solid #d7d9de;border-radius:9px;padding:11px}.publicmodal textarea{min-height:70px}.publicmodal .cancel{background:#eee;color:#222}.publicabout{text-align:left}@media(max-width:520px){.publicwrap{padding:0}.publiccard{border-radius:0;min-height:100vh}.publicgrid{grid-template-columns:1fr}}