:root{--brown-900:#4E3C32;--brown-700:#3a2d27;--brown-300:#988C85;--txt_primary:#988C85;--orange-400:#E68640;--orange-500:#EF7F2C;--shadow: 0 15px 50px rgba(0,0,0,.45);--radius: 18px}*{box-sizing:border-box}body{margin:0;font-family:Asap,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";font-size:16px;line-height:24px;letter-spacing:.005em;color:var(--txt_primary);background:linear-gradient(180deg,#31241d 10%,#000 75%);overflow:auto}a{color:inherit;text-decoration:none}.title{font-family:Asap,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";letter-spacing:.015em}.page-wrap{min-height:100vh;display:flex;flex-direction:column;gap:32px;padding:48px 24px;align-items:center}.site-header{width:100%;max-width:1600px;margin:0 auto 48px;display:flex;justify-content:center;align-items:center}.site-header img,.brand-full{max-width:100%;height:auto;display:block}.site-header.center .brand{display:flex;align-items:center;gap:12px;opacity:.98}.brand-logo{height:40px;width:auto}.brand-yuso{height:28px;width:auto;transform:translateY(1px)}.brand-by{color:var(--brown-300);font-weight:500}.card{position:relative;width:min(1400px,calc(100% - 120px));max-width:1600px;min-width:0;margin:48px auto;padding:75px 130px;display:grid;grid-template-columns:400px 1fr;gap:72px;border:1px solid #4E3C32;border-radius:18px;background:transparent;box-shadow:none;isolation:isolate;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card-illustration{position:relative;display:flex;align-items:center;justify-content:center}.screen{margin:0;border-radius:0;overflow:visible;outline:none;background:transparent;box-shadow:none;transform:none}.screen img{display:block;width:100%;height:auto;background:transparent;box-shadow:none}.card-illustration>img{display:block;width:100%;max-width:416px;height:auto;border-radius:14px;background:transparent;box-shadow:none;outline:none}.glow{position:absolute;inset:auto;left:20px;right:20px;bottom:-34px;height:80px;filter:blur(20px);background:radial-gradient(60% 100% at 50% 0%,rgba(239,127,44,.45),transparent 75%);z-index:-1}.card-content{align-self:center;padding-right:8px}.title{margin:0 0 16px;font-size:clamp(24px,3.1vw,36px);line-height:1.2;color:var(--orange-500);font-weight:800}.large-no-wrap{white-space:nowrap}.title .gear{filter:drop-shadow(0 0 6px rgba(239,127,44,.35))}.lead{color:var(--txt_primary);margin:0 0 16px}.support p{margin:0;color:var(--txt_primary)}.support a{color:var(--txt_primary);text-decoration:underline;text-decoration-color:#ef7f2c80}.support a:hover{color:var(--txt_primary);text-decoration-color:var(--orange-500)}.thanks{margin:16px 0;color:var(--txt_primary)}.signature{font-weight:700;color:var(--txt_primary)}.avatar{position:absolute;left:46%;bottom:-36px;width:160px;height:auto;transform:translate(-50%);filter:drop-shadow(0 18px 28px rgba(0,0,0,.55));z-index:5}.site-footer{max-width:1200px;margin:0 auto;text-align:center;width:100%}.share-row{display:inline-flex;align-items:center;gap:18px;justify-content:center}.share-row .share{margin:0}.share-row .logo{width:72px;height:auto}.share{color:var(--txt_primary);margin:24px 0 14px;font-size:14px}.social{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:14px}.social-link{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:linear-gradient(180deg,#ffffff08,#ffffff04);transition:transform .18s cubic-bezier(.2,.9,.3,1),color .18s ease,background .18s ease;color:var(--txt_primary);text-decoration:none}.social-link .social-icon,.social-link svg{width:20px;height:20px;color:var(--txt_primary);transition:transform .18s cubic-bezier(.2,.9,.3,1),color .18s ease,opacity .18s ease;display:inline-block}.social-link span{color:var(--txt_primary);font-weight:600}.social-link:hover{transform:translateY(-1px);color:var(--orange-500);border-color:#ef7f2c73}.social-link:hover span{color:var(--orange-500)}.social-link:hover .social-icon,.social-link:hover svg{transform:scale(1.06);color:var(--orange-500);opacity:.98}.logo{height:70px;width:auto;max-width:100%}.yuso-mark{margin-top:22px;opacity:.9}.yuso-mark img{height:26px;width:auto}@media (max-width: 980px){.card{grid-template-columns:1fr;padding:28px;gap:24px;width:calc(100% - 48px);min-width:auto}.avatar{position:static;display:block;margin:10px auto 0;transform:none}.share-row{flex-direction:column;gap:8px}}@media (max-width: 560px){.brand-logo{height:32px}.brand-yuso{height:24px}.card{padding:20px}.title{font-size:22px}}@media (max-width: 420px){body{font-size:14px;line-height:20px}.page-wrap{padding:28px 12px}.site-header{margin-bottom:20px}.site-header img{height:48px}.card{padding:18px 12px;gap:18px;width:calc(100% - 24px);border-radius:14px}.card-illustration>img{max-width:320px}.card-content{padding-right:0}.title{font-size:20px;white-space:normal;word-break:break-word}.lead{font-size:14px}.support p,.thanks,.signature{font-size:13px}.social{gap:12px}.social-link{padding:8px 10px}.logo{height:54px}.avatar{width:120px;bottom:-28px}}@media (max-width: 360px){body{font-size:13px;line-height:18px}.site-header img{height:44px}.card{padding:12px 10px;gap:12px}.card-illustration>img{max-width:260px}.title{font-size:18px}.lead{font-size:13px}.support p,.thanks,.signature{font-size:12px}.logo{height:48px}}
