@layer properties,theme,base,components,utilities;.join-head{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f3f2ecf0;border-bottom:1px solid #dfe2d8;position:sticky;top:0}.join-head .head-in{justify-content:space-between}.join-head .brand{color:#17372a;white-space:nowrap}.join-head .brand i{background:#28785b;border-radius:50%}.join-page{background:#f3f2ec;max-width:none;min-height:calc(100vh - 60px);padding:34px max(24px,50vw - 540px) 84px}.join-page>.crumbs,.join-page>.between,.join-page>.join-grid{max-width:1080px;margin-inline:auto}.join-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;margin-top:20px;display:grid}.join-grid>aside{position:sticky;top:78px}.join-page .card{border-color:#e0e3d9;border-radius:20px;box-shadow:0 7px 24px #192f250d}.join-page .card-head{border-color:#edf0e9}.join-page .card-foot{background:#f7f9f4;border-color:#e8ece4}.join-page .btn:not(.sec):not(.danger):not(.ghost){color:#12261d;background:#b9f27c;border-color:#b9f27c}.join-page .btn:not(.sec):not(.danger):not(.ghost):hover{background:#a6e967;border-color:#a6e967}.join-page .link{color:#28785b}.join-page input[type=checkbox],.join-page input[type=radio]{accent-color:#28785b}.join-page .input:focus,.join-page .select:focus,.join-page .textarea:focus{border-color:#28785b;box-shadow:0 0 0 3px #edf4e9}@media (max-width:860px){.join-grid{grid-template-columns:1fr}.join-grid>aside{order:-1;position:static}}@media (max-width:700px){.join-page{padding:24px 16px 64px}}