.twin{color:#fff;text-align:center;max-width:720px;margin:0 auto;padding:72px 20px;position:relative}.twin:before{content:"";pointer-events:none;background:radial-gradient(45% 45% at 50% 38%,#00ccff24,#0000 70%),radial-gradient(30% 30% at 56% 48%,#33ff9914,#0000 70%);width:680px;height:520px;position:absolute;top:0;left:50%;transform:translate(-50%)}.twin>*{position:relative}.twin .in-hero{flex-direction:column;align-items:center;display:flex}.twin .in-icon{width:132px;height:132px;animation:.7s cubic-bezier(.22,1,.36,1) both in-rise;position:relative}.twin .in-icon img{border-radius:30px;width:132px;height:132px;box-shadow:0 24px 60px -18px #00ccff8c,0 0 0 1px #ffffff14}.twin .in-badge{color:#06241b;width:52px;height:52px;box-shadow:0 10px 24px -8px #33ff99b3, 0 0 0 5px var(--canvas,#0a1a2b);background:linear-gradient(120deg,#0cf,#3f9);border-radius:50%;place-items:center;animation:.5s cubic-bezier(.34,1.56,.64,1) both in-pop;display:grid;position:absolute;bottom:-10px;right:-10px}@keyframes in-rise{0%{opacity:0;transform:translateY(14px)scale(.96)}}@keyframes in-pop{0%{opacity:0;transform:scale(.4)}}.twin .in-h{letter-spacing:-.03em;margin:30px 0 0;font-size:clamp(32px,5vw,48px);font-weight:600;line-height:1.05}.twin .in-sub{color:var(--mid);margin:10px 0 0;font-size:18px}.twin .in-act{flex-direction:column;align-items:center;gap:14px;min-height:92px;margin-top:30px;display:flex}.twin .in-btn{color:#fff;cursor:pointer;background:#2a6bf2;border:0;border-radius:999px;justify-content:center;align-items:center;min-width:200px;height:54px;padding:0 34px;font-size:18px;font-weight:600;transition:background-color .2s,transform .2s;display:inline-flex;box-shadow:0 14px 34px -12px #2a6bf2cc}.twin .in-btn:hover{background:#3a78f5}.twin .in-btn:active{transform:scale(.97)}.twin .in-btn:focus-visible{outline-offset:3px;outline:2px solid #0cf}.twin .in-btn.ghost{min-width:0;height:46px;box-shadow:none;background:#ffffff14;font-size:15px}.twin .in-btn.ghost:hover{background:#ffffff21}.twin .in-free{color:var(--low);font-size:13px}.twin .in-hint{color:var(--mid);margin:0;font-size:15px}.twin .in-steps{text-align:left;width:100%;max-width:360px}.twin .in-shim{background:linear-gradient(90deg,#ffffff0d 0%,#ffffff1c 50%,#ffffff0d 100%) 0 0/200% 100%;border-radius:999px;width:200px;height:54px;animation:1.3s linear infinite in-shim}@keyframes in-shim{to{background-position:-200% 0}}.twin .in-flow{counter-reset:st;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:640px;margin:64px auto 0;padding:0;list-style:none;display:grid}.twin .in-flow li{color:var(--mid);counter-increment:st;flex-direction:column;align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.twin .in-flow li>span:last-child:before{content:counter(st);color:#06241b;vertical-align:1px;background:linear-gradient(120deg,#0cf,#3f9);border-radius:50%;place-items:center;width:20px;height:20px;margin-right:8px;font-size:11px;font-weight:700;display:inline-grid}.twin .in-art{background:radial-gradient(70% 90% at 50% 100%,#00ccff1a,#0000 70%),#ffffff08;border:1px solid #ffffff12;border-radius:22px;place-items:center;width:100%;height:112px;display:grid;position:relative;overflow:hidden}.twin .in-mbtn{color:#fff;background:#2a6bf2;border-radius:999px;align-items:center;gap:7px;height:34px;padding:0 18px;font-size:13px;font-weight:600;animation:3s ease-in-out infinite in-press;display:inline-flex}.twin .in-cur{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l15 9.4-6.6 1.6L16 21l-3 1.4-3.6-8-5.4 4.6z' fill='%23fff' stroke='%23000' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:18px;height:18px;animation:3s ease-in-out infinite in-cur;position:absolute;top:56%;left:57%}@keyframes in-press{0%,38%,56%,to{transform:scale(1)}46%{transform:scale(.93)}}@keyframes in-cur{0%{transform:translate(34px,26px)}36%,60%{transform:translate(0)}to{transform:translate(34px,26px)}}.twin .in-mdlg{-moz-column-gap:8px;background:#222d3b;border-radius:12px;grid-template-columns:24px 1fr;align-items:center;gap:5px 8px;width:74%;padding:10px;display:grid;box-shadow:0 0 0 1px #ffffff1a,0 12px 24px -10px #0009}.twin .in-mdlg img{border-radius:6px;grid-row:span 2;width:24px;height:24px}.twin .in-mdlg .l{background:#ffffff80;border-radius:3px;width:80%;height:6px}.twin .in-mdlg .l.s{background:#ffffff38;width:55%}.twin .in-mdlg .b{grid-column:1/3;justify-content:flex-end;gap:6px;margin-top:6px;display:flex}.twin .in-mdlg u,.twin .in-mdlg s{border-radius:9px;width:40px;height:18px}.twin .in-mdlg u{border:1px solid #ffffff2e}.twin .in-mdlg s{background:#8ab4f8;animation:2.4s ease-in-out infinite in-glow}@keyframes in-glow{50%{box-shadow:0 0 0 5px #8ab4f840}}.twin .in-mdock{background:#1e2c3ecc;border-radius:14px;align-items:center;gap:6px;margin-top:34px;padding:6px 8px;display:flex;box-shadow:inset 0 0 0 1px #ffffff24}.twin .in-mdock i{background:linear-gradient(160deg,#3d4a5c,#222c39);border-radius:8px;width:28px;height:28px}.twin .in-mdock i:nth-child(2){background:linear-gradient(160deg,#6c8bb0,#3d5778)}.twin .in-mdock img{border-radius:8px;width:28px;height:28px;animation:2.6s ease-in-out infinite in-bounce}@keyframes in-bounce{0%,60%,to{transform:translateY(0)}70%{transform:translateY(-14px)}80%{transform:translateY(0)}87%{transform:translateY(-6px)}}.twin .in-bar{width:min(380px,100%);height:44px;color:var(--mid);text-align:left;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:0 6px 0 18px;font-size:14px;display:flex}.twin .in-bar-url{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.twin .in-bar-ic{cursor:pointer;color:#fff;background:#00ccff38;border:0;border-radius:999px;align-items:center;gap:6px;height:32px;padding:0 13px 0 10px;font-family:inherit;font-size:13px;font-weight:600;transition:background-color .2s,transform .2s;animation:1.8s ease-out infinite in-ping;display:inline-flex}.twin .in-bar-ic:hover{background:#00ccff57}.twin .in-bar-ic:active{transform:scale(.96)}.twin .in-bar-ic:focus-visible{outline-offset:2px;outline:2px solid #0cf}.twin .in-nudge{color:#fff;animation:.4s in-nudge}@keyframes in-nudge{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes in-ping{0%{box-shadow:0 0 #00ccff80}70%,to{box-shadow:0 0 0 10px #0cf0}}.twin .in-menu{text-align:left;width:260px;font-size:13px}.twin .in-menu-bar{color:var(--mid);background:#ffffff0f;border-radius:10px 10px 0 0;gap:2px;padding:5px 8px;font-weight:600;display:flex}.twin .in-menu-bar span{border-radius:6px;padding:3px 9px}.twin .in-menu-bar span:first-child{color:#fff}.twin .in-menu-bar .on,.twin .in-menu-drop .on{color:#fff;background:#2a6bf2}.twin .in-menu-drop{width:180px;color:var(--mid);background:#16293f;border-radius:0 0 10px 10px;flex-direction:column;margin-left:52px;padding:5px;display:flex;box-shadow:0 16px 34px -14px #000000b3,0 0 0 1px #ffffff14}.twin .in-menu-drop span{border-radius:6px;padding:5px 10px}.twin .in-menu-drop i{background:#ffffff1a;height:1px;margin:4px 6px}.twin .in-facts{color:var(--low);flex-wrap:wrap;justify-content:center;gap:10px 28px;margin:56px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.twin .in-facts li{align-items:center;gap:8px;display:inline-flex}.twin .in-facts svg{color:#1fd9a6}@media (max-width:640px){.twin{padding:40px 16px 48px}.twin .in-flow{gap:8px;margin-top:44px}.twin .in-flow li{font-size:12.5px}.twin .in-art{border-radius:18px;height:92px}.twin .in-mbtn{padding:0 12px}.twin .in-mdock{gap:4px;margin-top:26px;padding:5px}.twin .in-mdock i,.twin .in-mdock img{border-radius:6px;width:20px;height:20px}}@media (prefers-reduced-motion:reduce){.twin .in-icon,.twin .in-badge,.twin .in-shim,.twin .in-mbtn,.twin .in-cur,.twin .in-mdlg s,.twin .in-mdock img,.twin .in-bar-ic{animation:none}}
html[data-theme=light] .twin{color:var(--lt-ink)}html[data-theme=light] .twin:before{background:radial-gradient(45% 45% at 50% 38%,#2c7e7b1f,#0000 70%)}html[data-theme=light] .twin .in-icon img{box-shadow:var(--lt-shadow-pop)}html[data-theme=light] .twin .in-badge{box-shadow:0 0 0 5px var(--lt-canvas)}html[data-theme=light] .twin .in-sub,html[data-theme=light] .twin .in-hint,html[data-theme=light] .twin .in-flow li{color:var(--lt-mid)}html[data-theme=light] .twin .in-free,html[data-theme=light] .twin .in-facts{color:var(--lt-tert)}html[data-theme=light] .twin .in-facts svg{color:var(--lt-teal)}html[data-theme=light] .twin .in-btn{background:var(--lt-ink);color:var(--lt-white);box-shadow:none}html[data-theme=light] .twin .in-btn:hover{background:var(--lt-ink-h)}html[data-theme=light] .twin .in-btn.ghost{background:var(--lt-chip);color:var(--lt-ink)}html[data-theme=light] .twin .in-btn.ghost:hover{background:var(--lt-pressed)}html[data-theme=light] .twin .in-shim{background:linear-gradient(90deg, var(--lt-chip) 0%, var(--lt-elev) 50%, var(--lt-chip) 100%);background-size:200% 100%}html[data-theme=light] .twin .in-art{background:var(--lt-paper);border-color:var(--lt-hair)}html[data-theme=light] .twin .in-mbtn{background:var(--lt-ink)}html[data-theme=light] .twin .in-bar,html[data-theme=light] .twin .in-menu-bar{background:var(--lt-paper);border-color:var(--lt-line);color:var(--lt-mid)}html[data-theme=light] .twin .in-bar-ic{color:var(--lt-ink);background:#2c7e7b29}html[data-theme=light] .twin .in-menu-bar span:first-child{color:var(--lt-ink)}html[data-theme=light] .twin .in-menu-drop{background:var(--lt-paper);color:var(--lt-mid);box-shadow:var(--lt-shadow-pop)}html[data-theme=light] .twin .in-menu-bar .on,html[data-theme=light] .twin .in-menu-drop .on{background:var(--lt-accent);color:var(--lt-white)}html[data-theme=light] .twin .in-menu-drop i{background:var(--lt-line)}html[data-theme=light] .twin .in-nudge{color:var(--lt-ink)}