/* CHIP INVEST authentication. Independent from existing moto/jiqi styles. */
.aichip-auth-page { margin:0; min-width:280px; color:#0f172a; background:#e8f4ff; color-scheme:light; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
.aichip-auth-page * { box-sizing:border-box; }
.aichip-auth { position:relative; isolation:isolate; display:flex; flex-direction:column; max-width:440px; min-height:100vh; min-height:100svh; margin:0 auto; padding:0 20px max(28px,env(safe-area-inset-bottom)); background:#e8f4ff; overflow:hidden; }
.aichip-auth::before { content:''; position:absolute; z-index:-1; top:0; left:0; right:0; height:500px; background:linear-gradient(180deg,#f7fbffe6,#e8f4ff66 40%,transparent 80%,#e8f4ff),url('./1.jpg') center / cover no-repeat; pointer-events:none; }
.aichip-auth-hero { flex-shrink:0; min-height:420px; padding-top:max(36px,env(safe-area-inset-top)); }
.aichip-auth .aichip-topbar { display:flex; justify-content:flex-end; min-height:40px; }
.aichip-auth .aichip-language { position:relative; display:flex; align-items:center; gap:8px; min-height:40px; padding:0 12px; border:1.5px solid #d9e8f6; border-radius:10px; background:#ffffffd9; box-shadow:0 4px 16px #4db2ff14; }
.aichip-auth .aichip-language svg { width:20px; height:20px; fill:none; stroke:#0066ff; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.aichip-auth .aichip-language select { appearance:none; max-width:150px; min-height:36px; padding:0 24px 0 0; border:0; color:#0f172a; background:transparent; font:inherit; font-size:14px; cursor:pointer; }
.aichip-auth .aichip-language .aichip-chevron { position:absolute; right:12px; width:14px; height:14px; stroke:#0f172a; pointer-events:none; }
.aichip-auth-intro { margin-top:28px; text-align:center; }
.aichip-auth-intro h1 { margin:0; font-size:32px; font-weight:700; line-height:40px; letter-spacing:2px; }
.aichip-auth-intro h1 span:last-child { color:#0066ff; }
.aichip-auth-intro p { margin:0; color:#64748b; font-size:16px; font-weight:400; line-height:24px; }
.aichip-auth-card { position:relative; flex:1; margin:-20px -4px 0; padding:20px 16px 28px; border:1px solid #ffffffc9; border-bottom:0; border-radius:24px 24px 0 0; background:linear-gradient(180deg,#f7fbfff2,#e8f4ffd9); }
.aichip-auth-form { display:flex; flex-direction:column; gap:16px; }
.aichip-auth .aichip-control { display:flex; align-items:center; gap:12px; min-height:52px; padding:0 16px; border:1.5px solid #d9e8f6; border-radius:14px; background:#fff; box-shadow:0 4px 16px #4db2ff14; }
.aichip-auth .aichip-control:focus-within { border-color:#0066ff; box-shadow:0 0 0 3px #0066ff14; }
.aichip-auth .aichip-control > svg { flex:0 0 22px; width:22px; height:22px; color:#7d96b4; }
.aichip-auth .aichip-icon { fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.aichip-auth .aichip-control input { width:100%; min-width:0; height:49px; padding:0; border:0; outline:none; background:transparent; color:#0f172a; font:inherit; font-size:14px; line-height:20px; }
.aichip-auth .aichip-control input::placeholder { color:#94a3b8; opacity:1; }
.aichip-auth .aichip-eye { display:grid; place-items:center; flex:0 0 24px; min-height:44px; padding:0; border:0; background:transparent; color:#7d96b4; cursor:pointer; }
.aichip-auth .aichip-eye svg { width:22px; height:22px; }
.aichip-auth .aichip-eye[aria-pressed=true] { color:#0066ff; }
.aichip-auth .aichip-options { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:36px; color:#64748b; font-size:14px; line-height:20px; }
.aichip-auth .aichip-checkbox { display:flex; align-items:center; gap:8px; cursor:pointer; }
.aichip-auth .aichip-checkbox input { appearance:none; flex:0 0 20px; width:20px; height:20px; margin:0; border:1.5px solid #d9e8f6; border-radius:6px; background:#fff; cursor:pointer; }
.aichip-auth .aichip-checkbox input:checked { border-color:#0066ff; background:#0066ff; }
.aichip-auth .aichip-checkbox input:checked::after { content:''; display:block; width:6px; height:10px; margin:2px 0 0 6px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); }
.aichip-auth a { color:#0066ff; font-size:14px; font-weight:500; line-height:20px; text-decoration:none; }
.aichip-auth a:hover { color:#3385ff; }
.aichip-auth .aichip-submit { position:relative; display:flex; align-items:center; justify-content:center; width:100%; min-height:56px; margin-top:8px; padding:16px 56px; border:0; border-radius:16px; background:linear-gradient(90deg,#0066ff,#25b8ff); color:#fff; font:inherit; font-size:16px; font-weight:600; line-height:24px; box-shadow:0 8px 24px #0066ff38; cursor:pointer; }
.aichip-auth .aichip-submit:hover { filter:brightness(1.04); }
.aichip-auth .aichip-submit:disabled { opacity:.65; cursor:wait; }
.aichip-auth .aichip-button-arrow { position:absolute; right:12px; display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:#e8f4ffb3; color:#009dff; }
.aichip-auth .aichip-button-arrow svg { width:22px; height:22px; }
.aichip-auth .aichip-signup { display:flex; align-items:center; gap:8px; margin:24px 0 0; padding-top:20px; border-top:1px solid #d9e8f6; color:#64748b; text-align:center; font-size:14px; line-height:20px; }
.aichip-auth .aichip-signup::before,.aichip-auth .aichip-signup::after { content:''; flex:1; height:1px; background:#c5e0f7; }
.aichip-auth .aichip-signup span { min-width:0; }
.aichip-auth .aichip-signup a { display:inline-block; margin-left:8px; }
.aichip-auth .aichip-form-message { margin:0; padding:12px; border:1px solid #e7b8bd; border-radius:12px; color:#a12635; background:#fff; font-size:14px; line-height:20px; overflow-wrap:anywhere; }
.aichip-auth .aichip-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.aichip-auth-page :focus-visible { outline:2px solid #0066ff; outline-offset:3px; }
@media(min-width:520px) { .aichip-auth-page { padding:24px 0; background:radial-gradient(ellipse at top,#f7fbff,#d5edff); } .aichip-auth { border:1px solid #bfddf5; border-radius:28px; box-shadow:0 20px 70px #3577b726; } }
@media(max-width:359px) { .aichip-auth { padding-left:16px; padding-right:16px; } .aichip-auth-intro h1 { font-size:28px; letter-spacing:1px; } .aichip-auth-card { padding-left:12px; padding-right:12px; } .aichip-auth .aichip-options { column-gap:6px; } }
@media(max-height:740px) { .aichip-auth-hero { min-height:360px; } }
