:root{--panel-border:#ffffffe6;--text:#fff}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.page-shell{background:#6f664e;justify-content:center;min-height:100vh;padding:22px 18px 44px;display:flex;position:relative;overflow-x:hidden}.video-shell{z-index:0;position:fixed;inset:0;overflow:hidden}.video-background{opacity:.5;filter:blur(16px);background-color:#0003}.full-video{object-fit:cover;width:100vw;height:100vh}.page-video{object-fit:cover;filter:blur(.3px);width:min(100vw,576px);height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.video-overlay{background:linear-gradient(#392d1c38 0%,#2820172e 28%,#1a16115c 100%);position:absolute;inset:0}.video-blur{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(90deg,#6f664eeb 0%,#6f664e42 17%,#6f664e14 30% 70%,#6f664e42 83%,#6f664eeb 100%);position:absolute;inset:0}.phone-frame{z-index:1;width:min(100%,576px);padding:0 28px 18px;position:relative}.hero{text-align:center;padding-top:36px}.avatar{justify-content:center;display:flex}.avatar img{border-radius:50%;width:96px;height:96px}.links-stack-medium{justify-content:space-between;gap:18px;margin-top:28px;display:flex}.medium-item{overflow:hidden}.medium-item img{width:50px;height:50px;display:block}.links-stack{gap:28px;margin-top:36px;display:grid}.link-card{border:1px solid var(--panel-border);background:linear-gradient(#28231d8a,#16130fa8);border-radius:28px;min-height:272px;padding:14px;display:block;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.poster-wrap{overflow:hidden}.artwork{aspect-ratio:1432/648;border-radius:20px;width:100%;position:relative;overflow:hidden}.image-artwork{background:#121212}.card-image{object-fit:cover;width:100%;height:100%;display:block}.link-title{color:#fff;text-align:center;margin-top:14px;font-size:16px;font-weight:500;line-height:1.15}@media (max-width:900px){.links-stack{margin-top:50px}.link-card{padding:14px}.artwork{border-radius:28px}}@media (max-width:640px){.page-shell{padding:14px 18px 34px}.page-video{width:100%}.hero{padding-top:84px}.phone-frame{padding:0 18px 18px}.links-stack{margin-top:54px}.link-card{border-width:2px;min-height:232px;padding:18px 18px 22px}.poster-wrap,.artwork{border-radius:28px}.link-title{margin-top:16px;font-size:28px}}
