.auth-scope *,.auth-scope :after,.auth-scope :before{box-sizing:border-box}.auth-scope{--sky-deep:#4a90e2;--ink:#0f1e33;--ink-2:#1f2f4a;--muted:#5a6b85;--dim:#8695ad;--success:#10a86a;--accent:#ff7a2e;--accent-2:#ffb739;--accent-soft:rgba(255,122,46,0.1);--radius:10px;--radius-xl:24px;--font:"Geist",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;--ease:cubic-bezier(0.16,1,0.3,1);--grad-accent:linear-gradient(135deg,#ff7a2e,#ffb739);min-height:100vh;background:#8ec6e8;color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.5;letter-spacing:0;-webkit-font-smoothing:antialiased;position:relative}.auth-scope a{color:inherit;text-decoration:none}.auth-scope button{font-family:inherit;cursor:pointer}.auth-scope img,.auth-scope svg{display:block}.auth-scope input{font-family:inherit}.auth-scope [tabindex]:focus-visible,.auth-scope a:focus-visible,.auth-scope button:focus-visible,.auth-scope input:focus-visible{outline:2px solid #0f1e33;outline-offset:2px}@media (prefers-reduced-motion:reduce){.auth-scope *,.auth-scope :after,.auth-scope :before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.sky{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#7ec8e8 url(/assets/nacpan-beach-poster.jpg) center 40%/cover no-repeat}.sky-video{width:100%;height:100%;object-fit:cover;object-position:center 40%;transform:scale(1.03);filter:saturate(1.06) contrast(1.03) brightness(1.02)}.sky-overlay,.sky-video{position:absolute;inset:0}.sky-overlay{background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,.08) 40%,rgba(255,248,235,.2)),linear-gradient(135deg,rgba(107,200,255,.16),transparent 55%),linear-gradient(315deg,rgba(255,183,57,.1),transparent 45%)}.sky-vignette{background:radial-gradient(ellipse 88% 72% at 50% 42%,transparent 32%,rgba(15,30,51,.16) 100%)}.sky-shine,.sky-vignette{position:absolute;inset:0}.sky-shine{background:linear-gradient(180deg,rgba(255,255,255,.38),transparent 24%);opacity:.75}.page{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.nav{padding:22px 32px;display:flex;justify-content:space-between}.logo,.nav{align-items:center}.logo{display:inline-flex;gap:10px;font-weight:600;font-size:15px;letter-spacing:0;color:var(--ink);padding:6px 12px 6px 6px;border-radius:999px;background:rgba(255,255,255,.65);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.7);box-shadow:0 4px 16px rgba(74,144,226,.15)}.logo-mark{width:26px;height:26px;border-radius:7px;object-fit:cover}.nav-right{display:flex;align-items:center;gap:12px}.nav-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 10px;border-radius:999px;background:rgba(255,255,255,.65);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.7);font-family:var(--mono);font-size:11px;color:var(--ink-2)}.nav-badge i{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px rgba(16,168,106,.22),0 0 8px var(--success)}.nav-help{padding:6px 14px;border-radius:999px;font-size:13px;color:var(--ink-2);background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.6)}.main{display:grid;place-items:center;padding:24px 24px 40px}.auth{width:100%;max-width:408px}.auth,.card{position:relative}.card{padding:32px 34px 28px;border-radius:var(--radius-xl);background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(255,255,255,.72));-webkit-backdrop-filter:blur(34px) saturate(1.35);backdrop-filter:blur(34px) saturate(1.35);border:1px solid rgba(255,255,255,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 20px 48px -12px rgba(15,30,51,.18),0 8px 24px -8px rgba(74,144,226,.15)}.hd{text-align:center;margin-bottom:26px}.hd-icon{width:52px;height:52px;margin:0 auto 18px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.6));border:1px solid rgba(255,255,255,.85);display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 20px rgba(74,144,226,.18)}.hd-icon img{width:40px;height:40px;border-radius:11px;object-fit:cover}.hd h1{font-size:24px;font-weight:600;letter-spacing:0;margin:0 0 6px}.hd p{font-size:13.5px;color:var(--muted);margin:0}.tabs{display:grid;grid-template-columns:1fr 1fr;padding:3px;margin-bottom:20px;background:rgba(15,30,51,.06);border:1px solid rgba(255,255,255,.5);border-radius:10px}.tab{border:0;padding:8px 12px;border-radius:7px;background:transparent;color:var(--muted);font-size:13px;font-weight:500;transition:color .25s var(--ease),background .25s var(--ease)}.tab.on{color:var(--ink);background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 2px 6px rgba(74,144,226,.18)}.sso-stack{display:grid;grid-gap:8px;gap:8px;margin-bottom:18px}.sso{height:42px;padding:0 14px;border:1px solid rgba(255,255,255,.7);border-radius:var(--radius);background:rgba(255,255,255,.65);color:var(--ink);font-size:13.5px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:10px;transition:border-color .15s,background .15s,transform .1s}.sso:hover{border-color:rgba(255,255,255,1);background:rgba(255,255,255,.9);box-shadow:0 4px 14px rgba(74,144,226,.15)}.sso:active{transform:scale(.99)}.sso svg{width:16px;height:16px;flex-shrink:0}.sso-badge{margin-left:auto;padding:2px 6px;border-radius:4px;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:600}.divider,.sso-badge{font-family:var(--mono)}.divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:12px;gap:12px;margin:18px 0;color:var(--dim);font-size:11px;letter-spacing:.06em}.divider:after,.divider:before{content:"";height:1px;background:linear-gradient(90deg,transparent,rgba(15,30,51,.14),transparent)}.form{display:grid;grid-gap:12px;gap:12px}.field{display:grid;grid-gap:6px;gap:6px}.field-head{display:flex;align-items:center;justify-content:space-between;padding:0 2px}.field-label{font-size:12px;font-weight:500;color:var(--ink-2)}button.field-link{font:inherit;border:0;background:none}.field-link{font-size:12px;color:var(--muted);transition:color .2s}.field-link:hover{color:var(--accent)}.input-wrap{position:relative}.input{height:42px;width:100%;padding:0 14px;border:1px solid rgba(255,255,255,.7);border-radius:var(--radius);background:rgba(255,255,255,.7);color:var(--ink);font-size:13.5px;transition:border-color .15s,box-shadow .15s,background .15s}.input::placeholder{color:var(--dim)}.input:focus{outline:none;border-color:rgba(255,122,46,.6);background:#fff;box-shadow:0 0 0 3px rgba(255,122,46,.15)}.input-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0;border-radius:6px;background:transparent;color:var(--dim);display:grid;place-items:center}.input-eye svg{width:15px;height:15px}.submit{height:44px;margin-top:6px;border:0;border-radius:var(--radius);background:var(--grad-accent);color:#fff;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 20px -4px rgba(255,122,46,.5),0 4px 10px rgba(255,122,46,.3);transition:transform .15s,box-shadow .25s}.submit:hover{box-shadow:0 12px 28px -4px rgba(255,122,46,.6)}.submit:active{transform:scale(.99)}.submit:disabled{opacity:.6;cursor:default}.submit svg{width:15px;height:15px}.auth-error{margin:4px 0 0;padding:8px 12px;border-radius:8px;background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.25);color:#b91c1c;font-size:12.5px}.wp-card{margin-top:22px;padding:12px 14px;border:1px solid rgba(74,144,226,.22);border-radius:var(--radius);background:rgba(214,233,255,.55);display:flex;align-items:center;gap:12px}.wp-card-icon{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#4a90e2,#6bb3ff);color:#fff;display:grid;place-items:center;flex-shrink:0}.wp-card-icon svg{width:16px;height:16px}.wp-card-text{flex:1 1;min-width:0;line-height:1.35}.wp-card-text b{display:block;font-size:12.5px;font-weight:500}.wp-card-text small{display:block;font-size:11.5px;color:var(--muted);margin-top:1px}.wp-card-arrow{color:var(--sky-deep)}.terms{margin-top:22px;text-align:center;font-size:11.5px;color:var(--muted);line-height:1.6}.terms a{color:var(--ink-2);border-bottom:1px solid rgba(15,30,51,.15)}.foot{padding:20px 32px 24px;display:flex;justify-content:space-between;font-size:11.5px;color:var(--ink-2);font-family:var(--mono)}.foot,.foot-info{align-items:center;gap:12px}.foot-info{display:inline-flex;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.6)}.foot-info i{width:5px;height:5px;border-radius:50%;background:var(--success);box-shadow:0 0 6px var(--success)}.foot-links{display:flex;gap:18px}.verify-icon{width:48px;height:48px;margin:0 auto 14px;border-radius:14px;background:rgba(16,168,106,.12);display:grid;place-items:center;color:#10a86a}@media (max-width:640px){.nav{padding:18px 20px;gap:12px;flex-wrap:wrap}.nav-badge{display:none}.card{padding:26px 22px 22px;border-radius:20px}.foot{padding:16px 20px 20px;flex-direction:column-reverse;gap:12px}}.auth-notice{margin:0 0 16px;padding:12px 14px;border:1px solid #9ccbb0;border-radius:7px;background:#edf8f1;color:#175c35;font-size:13px;line-height:1.6}