*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:#20242d}body{background:#dde8c4 url('/assets/02_background_clean_gradient.png') center/cover fixed no-repeat;overflow-x:hidden}.topbar{height:58px;background:#f7f9f7;display:flex;align-items:center;justify-content:space-between;padding:0 32px 0 24px;box-shadow:0 1px 4px #0002}.brand{display:flex;align-items:center;gap:12px;color:#35404c;font-size:25px;font-weight:700}.telegram-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#2a93d5;color:#fff;font-size:21px;line-height:1;transform:rotate(-25deg)}.download{background:#2a93d5;color:#fff;border-radius:22px;padding:11px 23px;font-size:12px;font-weight:700;text-decoration:none}.stage{min-height:calc(100vh - 58px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 16px 42px}.join-card{width:min(100%,590px);background:#fff;border-radius:38px;text-align:center;padding:54px 54px 40px;box-shadow:0 12px 28px #58794b30}.avatar{width:160px;height:160px;border-radius:50%;object-fit:cover;margin:0 auto 27px;display:block;box-shadow:0 8px 25px #00000012}.join-card h1{font-size:46px;letter-spacing:-1px;margin:0 0 8px;font-weight:700}.members{font-size:25px;color:#8a8c91;margin:0}.rule{height:40px;margin:20px auto 12px}.rule img{width:260px;height:40px;object-fit:contain}.copy{font-size:23px;line-height:1.42;margin:0 0 31px;color:#303845}.join{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;background:linear-gradient(105deg,#6d39b3,#48207a);color:#fff;text-decoration:none;border-radius:48px;padding:20px 24px;font-size:21px;font-weight:700;letter-spacing:.3px;box-shadow:0 11px 20px #48207a3d;transition:transform .16s,filter .16s}.join:hover{filter:brightness(1.08);transform:translateY(-2px)}.join:active{transform:translateY(1px)}.plane{font-size:25px;transform:rotate(-25deg)}.trust{margin:24px 0 0;color:#8a8c91;font-size:20px}.trust span{display:inline-grid;place-items:center;background:#76b85d;color:#fff;border-radius:50%;width:25px;height:25px;font-size:16px;margin-right:8px}.domain{margin-top:25px;background:#f5faecdd;border-radius:30px;padding:13px 26px;color:#548d46;font-size:19px;font-weight:700}@media(max-width:600px){.topbar{height:54px;padding:0 12px}.brand{font-size:20px;gap:8px}.telegram-mark{width:31px;height:31px;font-size:18px}.download{font-size:10px;padding:9px 12px}.stage{min-height:calc(100vh - 54px);padding:18px 12px 25px}.join-card{border-radius:28px;padding:32px 19px 28px}.avatar{width:132px;height:132px;margin-bottom:20px}.join-card h1{font-size:36px}.members{font-size:19px}.rule{margin:15px auto 8px}.rule img{width:210px}.copy{font-size:18px;margin-bottom:24px}.desktop-break{display:none}.join{font-size:15px;padding:17px 12px;gap:9px}.plane{font-size:20px}.trust{font-size:16px;margin-top:19px}.domain{font-size:15px;margin-top:20px;padding:11px 19px}}
body:before,body:after{content:"";position:fixed;top:58px;bottom:0;width:28%;pointer-events:none;background-repeat:no-repeat;background-size:520px auto;opacity:.18;z-index:0}body:before{left:0;background-image:url('/assets/03_background_pattern_left_reference.png');background-position:left top}body:after{right:0;background-image:url('/assets/04_background_pattern_right_reference.png');background-position:right top}.topbar,.stage{position:relative;z-index:1}@media(min-width:601px) and (max-height:850px){.stage{padding-top:18px;padding-bottom:24px}.join-card{padding:34px 46px 28px}.avatar{width:126px;height:126px;margin-bottom:18px}.join-card h1{font-size:38px}.members{font-size:20px}.rule{margin:13px auto 8px}.copy{font-size:19px;margin-bottom:20px}.join{padding:16px 20px;font-size:18px}.trust{margin-top:17px;font-size:17px}.domain{margin-top:16px;font-size:16px;padding:10px 22px}}
/* Keep the transparent SHT mark fully visible inside the circular avatar. */
.avatar{object-fit:contain!important;padding:18px;background:#fff}
@media(max-width:600px){.avatar{padding:15px}}
/* The supplied logo already contains its white circular field; avoid nesting another inset. */
.avatar{object-fit:cover!important;padding:0!important;background:transparent}
.avatar{width:190px;height:160px;object-fit:cover!important;padding:0!important;background:transparent}
@media(max-width:600px){.avatar{width:155px;height:132px}}
.avatar{width:160px;height:160px;aspect-ratio:1/1}
@media(max-width:600px){.avatar{width:132px;height:132px}}
.avatar{display:grid;place-items:center;width:160px;height:160px;aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:#fff;padding:0!important;object-fit:initial!important}.avatar img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}
@media(max-width:600px){.avatar{width:132px;height:132px}}
.avatar{width:200px;height:200px}
@media(max-width:600px){.avatar{width:170px;height:170px}}
.avatar img{object-fit:contain!important;object-position:center center;transform:rotate(0deg)!important}