:root { color-scheme: dark; font-family: Inter, "SF Pro Display", "PingFang SC", "Microsoft YaHei", Arial, sans-serif; background: #091013; color: #edf6f6; } * { box-sizing: border-box; } body { min-width: 320px; min-height: 100vh; margin: 0; background: radial-gradient(circle at 8% 4%, rgba(49, 190, 205, .17), transparent 32%), radial-gradient(circle at 96% 100%, rgba(192, 102, 68, .13), transparent 36%), #091013; }.shell { width: min(620px, calc(100% - 32px)); margin: 0 auto; padding: 44px 0 70px; }.brand { display: inline-flex; align-items: center; gap: 9px; color: #dceced; font-size: 12px; font-weight: 750; letter-spacing: .06em; text-decoration: none; }.brand span { display: grid; width: 29px; height: 29px; place-items: center; border: 1px solid #6ce0eb; border-radius: 8px; color: #8be7ee; font-size: 10px; }.brand i { color: #668086; font-style: normal; }.card { margin-top: 48px; padding: clamp(25px, 6vw, 44px); border: 1px solid #294249; border-radius: 18px; background: linear-gradient(145deg, rgba(23, 38, 42, .96), rgba(12, 18, 21, .98)); box-shadow: 0 28px 80px rgba(0, 0, 0, .28); }.eyebrow { margin: 0 0 10px; color: #7bdfe8; font-family: "SF Mono", "Roboto Mono", monospace; font-size: 10px; font-weight: 700; letter-spacing: .14em; } h1 { margin: 0; font-size: clamp(32px, 6vw, 46px); letter-spacing: -.06em; }.intro { margin: 17px 0 25px; color: #9fb3b8; font-size: 14px; line-height: 1.8; }.status { margin: 18px 0; padding: 12px 13px; border: 1px solid #5d6c48; border-radius: 9px; background: rgba(182, 207, 103, .08); color: #dae9aa; font-size: 13px; line-height: 1.6; }.status.pending { border-color: #5d6c48; }.status.rejected { border-color: #824a47; background: rgba(234, 119, 103, .08); color: #ffb7ae; } form { display: grid; gap: 17px; margin-top: 24px; } label { color: #a9bdc2; font-size: 12px; font-weight: 700; } input { display: block; width: 100%; margin-top: 8px; padding: 11px 12px; border: 1px solid #395158; border-radius: 8px; outline: 0; background: #0a1114; color: #edf5f6; font: inherit; font-size: 14px; } input:focus { border-color: #78e0e9; box-shadow: 0 0 0 3px rgba(103, 215, 226, .1); } button { padding: 12px 15px; border: 0; border-radius: 9px; background: #69d2dc; color: #092124; font: inherit; font-size: 13px; font-weight: 800; } button:disabled { cursor: not-allowed; opacity: .6; }.footnote { display: flex; gap: 8px; flex-wrap: wrap; margin: 21px 0 0; color: #71868c; font-size: 11px; line-height: 1.65; }.footnote a { color: #83e2ea; font-weight: 800; text-decoration: none; }.footnote a:hover { text-decoration: underline; }