.signup-page *{box-sizing:border-box}body{margin:0}.signup-page{min-height:100vh;display:flex;flex-direction:column;font-family:var(--font-zen-kaku),"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;background:radial-gradient(circle at 18% 0,rgba(221,235,255,.72) 0,transparent 30%),linear-gradient(180deg,#f8fbff,#ffffff 50%,#eff5ff);color:#0b1e45}.signup-page a{color:inherit;text-decoration:none}.signup-page button,.signup-page input{font-family:inherit}.signup-page .header{height:68px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:linear-gradient(120deg,#18284d,#1f3d7a 60%,#193965);color:#fefefe;box-shadow:0 10px 30px rgba(12,28,68,.2)}.signup-page .logo{font-family:var(--font-shippori),"Noto Serif JP",serif;font-weight:700;letter-spacing:.08em}.signup-page .nav-link{font-size:13px;opacity:.85}.signup-page .main{flex:1;display:flex;align-items:flex-start;min-width:0;position:relative;isolation:isolate;overflow:hidden;padding:86px 42px 42px}.signup-page .auth-bg-scene{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.signup-page .auth-bg-image{position:absolute;inset:-6% 0 0;z-index:0;width:100%;height:106%;-o-object-fit:cover;object-fit:cover}.signup-page .container{width:min(100%,1040px);min-width:0;margin:0 auto;padding:0;position:relative;z-index:2}.signup-page .grid{display:grid;grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:26px;align-items:stretch}.signup-page .card,.signup-page .side{overflow:hidden;background:rgba(255,255,255,.96);border:1px solid #e0e8f5;border-radius:8px;box-shadow:0 14px 28px rgba(41,82,139,.1)}.signup-page .card{display:flex;min-width:0;flex-direction:column}.signup-page .card-header{position:relative;min-height:132px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 28px;overflow:hidden;background:radial-gradient(circle at 88% 0,rgba(196,216,249,.72) 0 58px,transparent 59px),linear-gradient(135deg,#edf5ff,#dfeaff)}.signup-page .card-header h1{position:relative;z-index:1;margin:15px 0 8px;color:#071f4d;font-size:22px;font-weight:800;line-height:1.28}.signup-page .eyebrow{width:-moz-fit-content;width:fit-content;padding:6px 14px;border-radius:999px;background:linear-gradient(135deg,#0e80ff,#0068ff);color:#fff;font-weight:800;letter-spacing:0;box-shadow:0 8px 16px rgba(0,104,255,.24)}.signup-page .eyebrow,.signup-page .note{position:relative;z-index:1;margin:0;font-size:12px}.signup-page .note{color:#22365f;font-weight:700}.signup-page .header-icon{position:relative;z-index:1;flex:0 0 auto;width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#0875ff;box-shadow:0 12px 24px rgba(72,119,181,.12)}.signup-page .header-icon svg{width:34px;height:34px}.signup-page .spark{position:absolute;width:4px;height:4px;border-radius:999px;background:#73aaff}.signup-page .spark-one{right:35px;top:88px}.signup-page .spark-two{right:42px;top:96px;width:3px;height:3px}.signup-page .spark-three{right:29px;top:100px;width:3px;height:3px}.signup-page .card-body{flex:1;padding:22px 28px 18px}.signup-page .flow-state,.signup-page .form{display:grid;gap:15px;margin:0}.signup-page label{display:grid;gap:8px;margin:0;color:#071f4d;font-size:13px;font-weight:800}.signup-page .input-wrap{height:40px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid #dbe5f4;border-radius:8px;background:#fff}.signup-page .icon-button,.signup-page .input-icon{flex:0 0 auto;color:#60739c}.signup-page .input-icon{width:16px;height:16px}.signup-page input{min-width:0;width:100%;height:100%;padding:0;border:0;background:transparent;color:#152d5a;font-size:13px;font-weight:700;outline:none}.signup-page input::-moz-placeholder{color:#92a0b7}.signup-page input::placeholder{color:#92a0b7}.signup-page .input-wrap:focus-within{border-color:#0c78ff;box-shadow:0 0 0 3px rgba(12,120,255,.11)}.signup-page .icon-button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:999px;background:transparent;cursor:pointer}.signup-page .icon-button svg{width:16px;height:16px}.signup-page .icon-button:hover{background:#eef5ff;color:#0b75ff}.signup-page .verify{display:grid;gap:12px;padding:14px;border-radius:8px;background:linear-gradient(135deg,#eef5ff,#f7fbff);color:#60739c}.signup-page .verify,.signup-page .verify-block{grid-template-columns:36px 1fr}.signup-page .verify-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#0875ff;box-shadow:0 10px 20px rgba(82,124,188,.08)}.signup-page .verify-icon svg{width:18px;height:18px}.signup-page .verify-content{min-width:0;display:grid;gap:8px}.signup-page .verify p{margin:0;color:#071f4d;font-size:14px;font-weight:800}.signup-page .verify span{display:block;font-size:12px;font-weight:700;line-height:1.55}.signup-page .ghost,.signup-page .primary-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;font-size:13px;font-weight:800;white-space:nowrap;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.signup-page .primary-button{width:100%;max-width:280px;margin-top:4px;border:0;background:linear-gradient(135deg,#0b80ff,#006bff);color:#fff;box-shadow:0 10px 18px rgba(0,105,255,.18)}.signup-page .primary-button svg{width:15px;height:15px}.signup-page .ghost:hover,.signup-page .primary-button:hover{transform:translateY(-1px)}.signup-page .ghost:disabled,.signup-page .primary-button:disabled{opacity:.55;cursor:default;transform:none;box-shadow:none}.signup-page .status-button{grid-column:2;width:-moz-fit-content;width:fit-content;min-width:190px;margin-top:0}.signup-page .ghost{min-width:160px;padding:0 14px;border:1px solid #dbe5f4;background:#fff;color:#071f4d}.signup-page .ghost-secondary{background:#f6f9ff}.signup-page .flow-state h2{margin:0;color:#071f4d;font-size:22px;line-height:1.35}.signup-page .state-chip{width:-moz-fit-content;width:fit-content;padding:6px 12px;border-radius:999px;background:#ddecff;color:#0a68e8;font-size:12px;font-weight:800}.signup-page .helper,.signup-page .lead{margin:0;color:#60739c;font-size:13px;font-weight:700;line-height:1.6}.signup-page .steps{margin:0;padding-left:20px;display:grid;gap:6px;color:#17305e;font-size:13px;font-weight:700;line-height:1.5}.signup-page .pending-actions{display:flex;flex-wrap:wrap;gap:10px}.signup-page .helper-dev,.signup-page .inline-link{color:#006bff}.signup-page .inline-link{font-weight:800}.signup-page .inline-link:hover,.signup-page .login-link:hover{text-decoration:underline}.signup-page .error{margin:0;padding:10px 12px;border:1px solid #b9d2ff;border-radius:8px;background:#eef5ff;color:#0a4ca8;font-size:13px;font-weight:700;line-height:1.55}.signup-page .card-footer{padding:12px 28px;border-top:1px solid #e5edf8;background:rgba(255,255,255,.86)}.signup-page .actions{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#60739c;font-size:12px;font-weight:800}.signup-page .actions p{margin:0}.signup-page .login-link{color:#006bff;font-weight:900}.signup-page .side{padding:26px 28px}.signup-page .side h2{margin:0 0 18px;color:#061e4d;font-size:21px;font-weight:900;line-height:1.45}.signup-page .feature-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.signup-page .feature-item{min-height:56px;display:grid;grid-template-columns:26px 1fr;align-items:center;gap:12px;padding:10px 14px;border:1px solid #e0e8f5;border-radius:8px;background:#fff;box-shadow:0 6px 14px rgba(41,82,139,.06)}.signup-page .check-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#0b78ff;color:#fff}.signup-page .check-icon svg{width:16px;height:16px}.signup-page .feature-desc,.signup-page .feature-title{margin:0}.signup-page .feature-title{color:#071f4d;font-size:13px;font-weight:900;line-height:1.35}.signup-page .feature-desc{margin-top:2px;color:#17305e;font-size:11px;font-weight:800;line-height:1.45}@media (max-width:980px){.signup-page .main{align-items:flex-start}.signup-page .grid{grid-template-columns:1fr}.signup-page .side{padding:26px}}@media (max-width:640px){.signup-page .header{height:60px;padding:0 20px}.signup-page .logo{font-size:20px}.signup-page .nav-link{font-size:12px}.signup-page .main{padding:20px 14px 36px}.signup-page .auth-bg-image{inset:0;height:100%;-o-object-position:18% center;object-position:18% center;opacity:.92}.signup-page .card-header{min-height:auto;display:block;padding:22px}.signup-page .card-header h1{max-width:none;margin-top:16px;font-size:23px;line-height:1.32}.signup-page .note{font-size:13px}.signup-page .header-icon{display:none}.signup-page .card-body,.signup-page .card-footer,.signup-page .side{padding:22px}.signup-page .verify,.signup-page .verify-block{grid-template-columns:1fr;gap:12px;padding:18px}.signup-page .primary-button,.signup-page .status-button{width:100%;max-width:none;grid-column:auto}.signup-page .actions,.signup-page .pending-actions{flex-direction:column;align-items:stretch}.signup-page .ghost{width:100%}.signup-page .side h2{margin-bottom:14px;font-size:20px}.signup-page .feature-item{min-height:48px;grid-template-columns:28px 1fr;gap:10px;padding:10px 12px}.signup-page .feature-desc,.signup-page .feature-item:nth-child(n+4){display:none}}