:root{font-family:Arial,Helvetica,sans-serif;color:#f1f1f1;background:#050505;font-synthesis:none}
*{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth}
body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(ellipse 62% 27% at 50% 9%,#1e1e1e 0%,#0c0c0c 58%,transparent 100%),#050505}
.page{width:min(100%,620px);margin:0 auto;padding:0 clamp(16px,3.5vw,28px) 44px;text-align:center}
.profile{display:flex;flex-direction:column;align-items:center;overflow:hidden}
.brand-logo{display:block;width:clamp(330px,80vw,420px);height:auto;max-width:none;margin:-66px auto -70px;mix-blend-mode:screen}
h1{margin:0;color:#f4f4f4;font-size:clamp(27px,6vw,38px);font-weight:900;letter-spacing:.12em;line-height:1.1}
.profile p{margin:12px 0 34px;color:#9e9e9e;font-size:12px;font-weight:700;letter-spacing:.32em}
.links{display:grid;gap:14px}
.link-pill{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:78px;padding:13px 62px;border:1px solid #414141;border-radius:17px;background:linear-gradient(135deg,#181818,#101010 68%,#1a1a1a);color:#f1f1f1;text-decoration:none;transition:background .2s ease,transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.link-pill:hover{background:#242424;border-color:#8c8c8c;transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.32)}
.link-pill:focus-visible{outline:2px solid #f0f0f0;outline-offset:4px}
.icon{position:absolute;left:21px;top:50%;width:44px;height:44px;transform:translateY(-50%);display:grid;place-items:center}
.icon svg{width:100%;height:100%}
.link-label{font-size:clamp(17px,3.4vw,22px);font-weight:800;letter-spacing:.025em;line-height:1.15;white-space:nowrap}
.broker-link{padding-left:78px;padding-right:24px}
.broker-link .link-label{font-size:clamp(13px,2.4vw,16px);line-height:1.25;white-space:normal}
.youtube-icon path:last-child,.link-pill[data-link^="telegram"] svg path:last-child{fill:#111}
.link-pill[data-link="props"] svg path:last-child{stroke:#111}
.link-pill[data-link="props"] svg circle{fill:#111}
.separator{height:94px;display:flex;align-items:center;justify-content:center;gap:18px}
.separator span{display:block;width:44px;height:1px;background:#595959}
.separator svg{width:24px;height:14px;fill:none;stroke:#a8a8a8;stroke-width:1.7}
.contact{border-color:#a6a6a6;background:linear-gradient(135deg,#242424,#131313)}
footer{padding-top:43px;color:#777;font-size:13px;font-weight:800;letter-spacing:.26em}
.toast{position:fixed;z-index:2;left:50%;bottom:24px;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 36px);padding:12px 20px;border:1px solid #888;border-radius:10px;background:#e9e9e9;color:#101010;box-shadow:0 9px 24px rgba(0,0,0,.35);font-size:14px}
@media(max-width:430px){.page{padding-left:16px;padding-right:16px}.brand-logo{width:340px;margin:-51px auto -56px}h1{font-size:28px}.profile p{margin:11px 0 29px;font-size:10px}.links{gap:12px}.link-pill{min-height:70px;padding-left:64px;padding-right:24px;border-radius:15px}.icon{left:18px;width:39px;height:39px}.link-label{font-size:16px}.separator{height:84px}footer{padding-top:34px}}
@media(max-width:355px){.link-label{font-size:14px}.link-pill{padding-left:59px}.icon{left:15px;width:36px;height:36px}.brand-logo{width:320px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}