:root{color-scheme:light;--red:#d92b1e;--text:#2a2423;--muted:#968b87}
*{box-sizing:border-box}
body{margin:0;background:#f7f4f1;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:56px 24px}
a{color:inherit;text-decoration:none}
.backdrop{position:fixed;inset:0;overflow:hidden;pointer-events:none}
.grid{position:absolute;inset:0;background-image:linear-gradient(#ac766909 1px,transparent 1px),linear-gradient(90deg,#ac766909 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(120deg,#000,transparent 75%)}
.halo{position:absolute;border-radius:50%;filter:blur(65px)}
.halo-one{width:55vw;height:55vw;right:-22vw;top:-22vw;background:#f5b7a888}
.halo-two{width:38vw;height:38vw;left:-12vw;bottom:-18vw;background:#eec8ba88}

.orbit{position:absolute;width:670px;height:670px;border:1px solid #c7a69a44;border-radius:50%;right:calc(50% - 780px);top:calc(50% - 450px);transform:rotate(-30deg) scaleX(.72)}
.orbit-two{width:760px;height:760px;right:calc(50% - 826px);top:calc(50% - 495px);border-color:#c7a69a24}
.point{position:absolute;border-radius:50%;background:#e84430;box-shadow:0 0 0 7px #e844300b}
.point-one{width:9px;height:9px;left:calc(50% + 349px);top:calc(50% - 256px)}
.point-two{width:5px;height:5px;left:calc(50% - 303px);top:calc(50% - 136px);opacity:.5}
.frame-corner{position:absolute;width:28px;height:28px;border-color:#bba89e66;border-style:solid}
.top-corner{top:40px;left:40px;border-width:1px 0 0 1px}
.bottom-corner{bottom:40px;right:40px;border-width:0 1px 1px 0}
main{position:relative;width:min(420px,100%);padding:62px 48px 56px;text-align:center;border:1px solid #fff;border-radius:26px;background:linear-gradient(150deg,#fffffffa,#fffffff0);box-shadow:0 32px 90px -32px #77433130,0 6px 20px #5f332108;animation:arrive .5s ease-out}
main:before{content:"";position:absolute;top:-1px;left:calc(50% - 27px);width:54px;height:3px;background:#e9402d;border-radius:0 0 4px 4px}
main:after{content:"";position:absolute;bottom:22px;left:calc(50% - 14px);width:28px;height:3px;background:#e5d9d2;border-radius:3px}
.brand{display:block;position:relative;overflow:hidden;width:224px;height:101px;margin:0 auto 30px;mix-blend-mode:multiply}
.brand img{position:absolute;width:388px;height:auto;max-width:none;left:50%;top:0;transform:translateX(-50%)}
h1{font-size:20px;line-height:1.5;font-weight:500;letter-spacing:4px;margin:0 0 34px}
button,.button{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;padding:14px 20px;border:1px solid #cc2418;border-radius:11px;background:linear-gradient(115deg,#e63423,#cd261b);box-shadow:0 7px 16px #d72b1c22,inset 0 1px #ffffff24;color:#fff;font-family:inherit;font-size:15px;font-weight:500;line-height:1.5;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}
button:hover,.button:hover{background:linear-gradient(115deg,#d92c1e,#b92117);transform:translateY(-2px);box-shadow:0 10px 22px #d72b1c30}
button:active,.button:active{transform:translateY(0)}
button:focus-visible,a:focus-visible{outline:3px solid #ec9989;outline-offset:5px}
p{font-size:14px;line-height:1.8}
.notice{margin:0;border:1px solid #eeddd6;background:linear-gradient(110deg,#fcf3ee,#fdf8f5);border-radius:11px;padding:14px;color:#a06f60;font-size:13px;letter-spacing:1px}
.account{color:var(--muted);margin:-20px 0 24px;overflow-wrap:anywhere}
.app{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #f0e8e4;font-size:14px;text-align:left;gap:16px}
.app:hover{color:var(--red)}
.empty{color:var(--muted);margin:0;padding:15px 0}
.secondary{display:inline-block;font-size:13px;color:var(--muted);margin-top:24px;padding:5px}
.secondary:hover{color:var(--red)}
.message{color:#847772;margin:-12px 0 26px}
@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){body{padding:40px 24px}main{padding:48px 30px 48px;border-radius:22px}.brand{margin-bottom:26px}h1{font-size:19px}.halo-one{width:90vw;height:90vw;right:-35vw;top:-25vw}.orbit{right:-440px}.orbit-two{right:-486px}.top-corner{top:22px;left:22px}.bottom-corner{bottom:22px;right:22px}.point-one,.point-two{display:none}}
@media(prefers-reduced-motion:reduce){main{animation:none}button,.button{transition:none}}