.twin-auth-page{min-height:calc(100vh - 52px);background:#f3f6f5}.twin-auth-container{max-width:1680px;min-height:calc(100vh - 52px);padding:clamp(16px,2.4vw,40px)}.twin-auth-grid{min-height:calc(100vh - 84px);overflow:hidden;border:1px solid rgba(24,52,49,.12);border-radius:22px;background:#fff;box-shadow:0 28px 80px rgba(16,45,42,.09)}.twin-auth-form-pane{display:flex;align-items:center;background:#fff}.twin-auth-form{width:min(100%,560px);margin:0 auto;padding:clamp(34px,5vw,76px)}.twin-auth-brand{color:#1e302f}.twin-auth-brand .brand-img{width:38px;height:38px}.twin-auth-card{padding-top:24px;border-top:1px solid rgba(24,52,49,.13)}.twin-auth-heading h1{margin:5px 0 8px;color:#142827;font-size:clamp(2rem,3vw,3.1rem);font-weight:560;letter-spacing:-.045em}.twin-auth-heading p{color:#61706f;font-size:1rem}.twin-auth-kicker{color:#078a86;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.twin-auth-card .form-control,.twin-auth-card .form-select,.twin-auth-card .input-affix-wrapper{min-height:48px;border-radius:8px}.twin-auth-card .btn-primary{min-height:50px;border-color:#078a86;background:#078a86}.twin-auth-card .btn-primary:focus-visible,.twin-auth-card .btn-primary:hover{border-color:#046e6a;background:#046e6a}.twin-auth-briefing{color:#e7f1ef;background:radial-gradient(circle at 78% 18%,rgba(41,184,166,.2),transparent 26%),linear-gradient(145deg,#122d2b,#183b38 52%,#0f2726)}.twin-auth-briefing-inner{width:100%;height:100%;padding:clamp(48px,6vw,96px)}.twin-auth-city-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.twin-auth-city-header h2{margin-top:8px;color:#fff;font-size:clamp(3.2rem,6vw,6.8rem);font-weight:520;letter-spacing:-.06em}.twin-auth-live{display:flex;align-items:center;gap:8px;color:#bde8df;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.twin-auth-live span{width:8px;height:8px;border-radius:999px;background:#6de0c9;box-shadow:0 0 0 6px rgba(109,224,201,.12)}.twin-auth-map-field{position:relative;min-height:210px;margin:clamp(26px,4vh,54px) 0;overflow:hidden;border:1px solid rgba(174,222,214,.2);border-radius:14px;background-image:linear-gradient(rgba(174,222,214,.1) 1px,transparent 0),linear-gradient(90deg,rgba(174,222,214,.1) 1px,transparent 0);background-size:42px 42px}.twin-auth-map-field:after,.twin-auth-map-field:before{position:absolute;content:"";border:1px solid rgba(109,224,201,.45);border-radius:50%}.twin-auth-map-field:before{width:280px;height:280px;top:-85px;right:12%}.twin-auth-map-field:after{width:110px;height:110px;bottom:-30px;left:16%}.twin-auth-map-node{position:absolute;z-index:1;width:10px;height:10px;border:2px solid #173633;border-radius:50%;background:#6de0c9;box-shadow:0 0 0 5px rgba(109,224,201,.16)}.twin-auth-map-node-a{top:34%;left:31%}.twin-auth-map-node-b{top:58%;left:62%}.twin-auth-map-node-c{top:26%;left:78%}.twin-auth-map-label{position:absolute;right:18px;bottom:14px;color:rgba(231,241,239,.62);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.twin-auth-surface-list{border-top:1px solid rgba(174,222,214,.18)}.twin-auth-surface{display:grid;grid-template-columns:34px minmax(90px,.35fr) 1fr;grid-gap:18px;gap:18px;align-items:baseline;padding:18px 0;border-bottom:1px solid rgba(174,222,214,.18)}.twin-auth-surface>span{color:#6de0c9;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.twin-auth-surface strong{color:#fff}.twin-auth-surface p{margin:0;color:rgba(231,241,239,.66);font-size:.88rem}.twin-auth-scope{margin-top:24px;color:rgba(231,241,239,.58);font-size:.75rem;letter-spacing:.07em;text-transform:uppercase}.hk-pg-auth>.hk-footer,.twin-auth-page+.hk-footer{background:#f3f6f5}@media (max-width:991.98px){.twin-auth-container{padding:0}.twin-auth-grid{min-height:calc(100vh - 52px);border:0;border-radius:0;box-shadow:none}.twin-auth-form{padding:42px 24px}}