.ip-container{max-width:960px;margin:32px auto 40px;padding:24px 24px 32px;background:var(--surface-0,#ffffff);border-radius:16px;box-shadow:0 22px 45px rgba(15,23,42,0.06)}.ip-title{text-align:center;margin:0 0 16px;font-size:26px;font-weight:700;letter-spacing:0.02em;color:var(--text-strong,#111827)}.ip-error{margin-bottom:16px;padding:10px 12px;border-radius:8px;background:rgba(248,113,113,0.08);color:#b91c1c;font-size:14px;text-align:center}.form-hero{position:relative;overflow:hidden;border-radius:14px;background:radial-gradient(circle at 0 0,rgba(34,211,238,0.18),transparent 55%),radial-gradient(circle at 100% 100%,rgba(56,189,248,0.2),transparent 55%),var(--surface-1,#f9fafb);padding:20px 18px;margin-bottom:24px}#bgMapWrap{position:absolute;inset:0;z-index:0;display:none;margin-top:16px;border-radius:16px;overflow:hidden}#bgMapWrap.show{display:block}#clientMapWrap{margin-top:16px;border-radius:16px;overflow:hidden}#mapWrap{margin-top:16px;border-radius:16px;overflow:hidden}#bgMap{width:100%;height:360px}#clientMap{width:100%;height:360px}#map{width:100%;height:360px}.form-hero::after{content:"";position:absolute;inset:0;z-index:1;background:rgba(248,250,252,0.78);backdrop-filter:blur(3px)}.form-hero .inner{position:relative;z-index:2;text-align:center}.ip-form{margin:0}.form-group{margin-bottom:12px}.ip-label{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:var(--text-muted,#4b5563)}.ip-input{display:inline-block;width:260px;max-width:100%;padding:8px 10px;border-radius:999px;border:1px solid rgba(148,163,184,0.9);background:rgba(15,23,42,0.02);text-align:center;font-size:14px;outline:none}.ip-input:focus{border-color:rgba(56,189,248,0.95);box-shadow:0 0 0 1px rgba(56,189,248,0.9);background:rgba(255,255,255,1)}.ip-submit{margin-top:6px;padding:9px 20px;font-size:14px;font-weight:600;border-radius:999px;border:1px solid rgba(15,23,42,0.14);background:linear-gradient(135deg,var(--primary-500,#405862),var(--primary-700,#344955));color:#f9fafb;cursor:pointer;transition:transform 0.08s ease,box-shadow 0.08s ease,background 0.12s ease}.ip-submit:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(15,23,42,0.25)}.ip-submit:active{transform:translateY(0);box-shadow:0 6px 14px rgba(15,23,42,0.25)}.map-wrap{width:100%;margin-top:12px;border-radius:16px;overflow:hidden;background:var(--surface-1,#f9fafb);box-shadow:0 16px 40px rgba(15,23,42,0.08)}.map-wrap.show{display:block}.map-link{padding:8px 12px 10px;text-align:center;font-size:13px}.map-link a{color:var(--accent,#14b8a6);text-decoration:none;font-weight:500}.map-link a:hover{text-decoration:underline}.info-item{display:grid;grid-template-columns:110px minmax(0,1fr);column-gap:12px;align-items:baseline;padding:4px 0;font-size:14px;line-height:1.5}.info-item span:first-child{font-weight:600;color:var(--text-muted,#4b5563);text-align:right}.info-item span:last-child{color:var(--text-strong,#111827);word-break:break-word}.info-item-hero{display:flex;justify-content:flex-start;align-items:baseline;gap:6px;padding:4px 10px;font-size:13px;background:rgba(15,23,42,0.9);color:#e5f2ff}.info-item-hero span:first-child{min-width:auto;font-weight:700;color:#bfdbfe;text-align:left}.info-item-hero span:last-child{color:#e5f2ff}.ip-result{margin-top:18px;padding:10px 4px 4px;border-radius:12px;background:linear-gradient(135deg,rgba(148,163,184,0.12),rgba(226,232,240,0.4))}html[data-theme="dark"] .ip-container{background:rgba(2,6,23,0.72);border:1px solid rgba(255,255,255,0.06);box-shadow:0 0 32px rgba(0,0,0,0.6)}html[data-theme="dark"] .form-hero{background:rgba(15,23,42,0.72)}html[data-theme="dark"] .form-hero::after{background:rgba(0,0,0,0.45);backdrop-filter:blur(6px)}html[data-theme="dark"] .ip-input{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.18);color:#e5e7eb}html[data-theme="dark"] .ip-input:focus{border-color:rgba(94,234,212,0.9);box-shadow:0 0 0 2px rgba(94,234,212,0.35);background:rgba(255,255,255,0.14)}html[data-theme="dark"] .ip-submit{background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:1px solid rgba(255,255,255,0.2);color:#f0f9ff}html[data-theme="dark"] .ip-submit:hover{box-shadow:0 0 22px rgba(56,189,248,0.55)}html[data-theme="dark"] .ip-result{background:rgba(15,23,42,0.72);border:1px solid rgba(255,255,255,0.06)}html[data-theme="dark"] .info-item-hero{background:rgba(17,24,39,0.88)}html[data-theme="dark"] .map-wrap{background:rgba(15,23,42,0.72)}@media (max-width:768px){.ip-container{margin:20px auto 28px;padding:18px 14px 22px;border-radius:14px}.info-item{grid-template-columns:90px minmax(0,1fr);padding:4px 2px}.info-item span:first-child{text-align:left}}@media (max-width:480px){.info-item{grid-template-columns:minmax(0,1fr);row-gap:2px}.info-item span:first-child{text-align:left}.page-shell{padding:24px 12px 40px}.auth-layout{max-width:100%}.auth-card{padding:20px 16px 18px;border-radius:16px}.auth-form{gap:14px}.auth-form .form-input{max-width:300px;margin-left:auto;margin-right:auto}}