:root{--void:#f5f5f0;--void-deep:#fafaf8;--steel:#1a1a1a;--steel-dim:#72726c;--aurum:#b8936e;--aurum-dim:#b8936e2e;--hairline:#1a1a1a1f}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html,body{background:var(--void);color:var(--steel);min-height:100dvh;font-family:Helvetica Neue,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}button,input{font:inherit;color:inherit}input:focus,button:focus{outline:none}input:focus-visible,button:focus-visible{outline:1px solid var(--aurum);outline-offset:2px}.page{background:var(--void);flex-direction:column;min-height:100dvh;display:flex}.hero{aspect-ratio:4/5;background:var(--void-deep);width:100%;position:relative;overflow:hidden}.hero-img{object-fit:cover;object-position:center 35%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.hero-vignette{pointer-events:none;background:linear-gradient(#f5f5f000 60%,#f5f5f080 100%),linear-gradient(#f5f5f000 70%,#f5f5f026 100%);position:absolute;inset:0}.hero-corner{letter-spacing:.32em;text-transform:uppercase;color:#f5f5f0;opacity:.78;mix-blend-mode:difference;justify-content:space-between;align-items:center;font-size:10px;display:flex;position:absolute;top:24px;left:24px;right:24px}.content{text-align:center;flex-direction:column;flex:1;align-items:center;gap:28px;padding:32px 24px 40px;display:flex}.brand{flex-direction:column;align-items:center;gap:14px;display:flex}.brand-logo{filter:invert()brightness(.15);width:156px;height:auto;display:block}.brand-tagline{letter-spacing:.18em;color:var(--steel);padding-left:.18em;font-family:Noto Serif SC,Songti SC,STZhongsong,Source Han Serif SC,PingFang SC,Microsoft YaHei,Times New Roman,serif;font-size:17px;font-weight:400;line-height:1.6}.brand-sub{letter-spacing:.42em;color:var(--aurum);text-transform:uppercase;padding-left:.42em;font-size:10px;font-weight:500}.brand-coming{letter-spacing:.5em;color:var(--steel-dim);text-transform:uppercase;padding-left:.5em;font-size:10px;font-weight:400}.form{flex-direction:column;gap:10px;width:100%;max-width:360px;display:flex}.form-row{gap:8px;display:flex}.form-input{border:1px solid var(--hairline);letter-spacing:.04em;height:48px;color:var(--steel);background:0 0;border-radius:0;flex:1;min-width:0;padding:0 16px;font-size:14px;transition:border-color .18s}.form-input::placeholder{color:var(--steel-dim);letter-spacing:.06em}.form-input:focus{border-color:var(--aurum)}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-submit{background:var(--steel);height:48px;color:var(--void);border:1px solid var(--steel);letter-spacing:.32em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border-radius:0;padding:0 24px 0 calc(24px + .32em);font-size:11px;font-weight:500;transition:background .18s,color .18s,border-color .18s}.form-submit:hover:not(:disabled){background:var(--aurum);border-color:var(--aurum)}.form-submit:disabled{opacity:.5;cursor:not-allowed}.form-hint{letter-spacing:.16em;color:var(--steel-dim);margin-top:4px;font-size:10px;line-height:1.6}.toast{background:var(--steel);max-width:calc(100vw - 48px);color:var(--void);letter-spacing:.12em;z-index:100;border-left:2px solid var(--aurum);padding:14px 22px;font-size:12px;line-height:1.5;animation:.32s cubic-bezier(.2,.8,.2,1) toast-in;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #1a1a1a2e}.toast--err{border-left-color:#b94a4a}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.foot{text-align:center;letter-spacing:.32em;color:var(--steel-dim);text-transform:uppercase;padding:16px 24px 28px;font-size:9px}@media (width>=768px){.page{flex-direction:row;min-height:100vh}.hero{aspect-ratio:auto;flex:1;height:100vh}.content{border-left:1px solid var(--hairline);flex:0 0 480px;justify-content:center;width:480px;padding:64px 56px}.brand-logo{width:180px}.brand-tagline{font-size:18px}.foot{text-align:right;width:480px;padding:20px 56px 24px;position:absolute;bottom:0;right:0}}@media (width>=1280px){.content{flex:0 0 560px;width:560px;padding:80px 72px}.brand-name{font-size:52px}.foot{width:560px;padding:24px 72px 28px}}
