*{box-sizing:border-box}
html,body{margin:0;width:100%;max-width:100%;overflow-x:hidden}
body{background:#050505;color:#f5f1e9;font-family:Arial,Helvetica,sans-serif}
.page{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;width:100%;max-width:100%;overflow:hidden}
.banner,.banner img{display:block;width:100%;max-width:100%;height:auto}
.banner{background:#000;flex-shrink:0}
main{width:100%;max-width:100%;flex:1;display:flex;justify-content:center;align-items:center;padding:clamp(36px,8vw,90px) 16px}
.telegram-card{display:block;box-sizing:border-box;width:100%;max-width:700px;min-width:0;text-align:center;padding:clamp(28px,5vw,56px) clamp(18px,5vw,50px);border:2px solid #d4a43a;border-radius:16px;background-color:#11100d;background-image:radial-gradient(ellipse at top,rgba(196,141,34,.14),transparent 75%)}
.eyebrow{font-size:12px;letter-spacing:.18em;color:#d8aa49;font-weight:700;margin:0 0 16px}
h1{margin:0;font-size:clamp(30px,6vw,58px);line-height:1.12;color:#e9c16c}
.message{font-size:clamp(16px,2.3vw,20px);line-height:1.6;color:#ded6c7;margin:24px auto 30px;max-width:480px}
.telegram-button,.telegram-button:link,.telegram-button:visited{display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:100%;min-height:54px;padding:16px 24px;border:2px solid #f1c765;border-radius:8px;background-color:#d6a63a;background-image:linear-gradient(120deg,#ffe8a2,#d6a63a,#ac761f);color:#130e06;font-size:16px;font-weight:800;text-decoration:none;-webkit-text-fill-color:#130e06}
.telegram-button:hover{filter:brightness(1.1)}
.telegram-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:480px){main{padding:34px 14px}.telegram-card{padding:30px 18px;border:2px solid #d4a43a;border-radius:12px}.telegram-button,.telegram-button:link,.telegram-button:visited{width:100%;font-size:14px;padding:15px 8px;background-color:#d6a63a;color:#130e06}}