@charset "UTF-8";.vertical-motorway-stage{position:relative;width:100%;min-height:270px;max-height:340px;height:100%;border-radius:22px;overflow:hidden;background:radial-gradient(ellipse at center 40%,#e0f2fe,#d1fae5 70%,#a7f3d0);border:1.5px solid #ffffffd0;box-shadow:0 14px 34px -12px #43679638,inset 0 1px #fff;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-block:10px 14px}.vertical-highway{position:relative;width:280px;height:100%;min-height:270px;display:flex;justify-content:center;perspective:550px;transform-style:preserve-3d}.highway-asphalt{position:absolute;inset:0 12px;background:linear-gradient(180deg,#131a26,#1e2638,#171f2e);transform:rotateX(24deg);transform-origin:center bottom;border-left:4px solid #ffffff;border-right:4px solid #ffffff;box-shadow:inset 0 0 35px #000c,0 15px 30px #0f172a66;overflow:hidden}.highway-lane-divider{position:absolute;top:-60px;bottom:-60px;left:50%;width:4px;transform:translate(-50%);background:repeating-linear-gradient(180deg,#ffffff 0px,#ffffff 26px,transparent 26px,transparent 52px);background-size:4px 52px;animation:verticalRoadStream .42s linear infinite}@keyframes verticalRoadStream{0%{background-position:0 0}to{background-position:0 52px}}.road-studs-left,.road-studs-right{position:absolute;top:-60px;bottom:-60px;width:3px;background:repeating-linear-gradient(180deg,#f59e0b 0px,#f59e0b 6px,transparent 6px,transparent 36px);background-size:3px 36px;animation:verticalRoadStream .42s linear infinite;opacity:.85}.road-studs-left{left:6px}.road-studs-right{right:6px}.highway-gantry{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:15;padding:4px 12px;background:#1e293bd1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.35);border-radius:20px;box-shadow:0 4px 12px #00000040;white-space:nowrap}.gantry-sign{font-size:9px;font-weight:750;letter-spacing:1.2px;color:#e2e8f0;text-transform:uppercase}.gantry-sign strong{color:#38bdf8}.tiger-patrol-vehicle{position:absolute;bottom:20px;left:50%;width:230px;margin-left:-115px;z-index:20;animation:tigerHighwayDrift 9s cubic-bezier(.42,0,.58,1) infinite;transform-origin:center 65%;pointer-events:none}@keyframes tigerHighwayDrift{0%{transform:translateZ(0) rotate(0)}16%{transform:translate3d(-34px,-12px,0) rotate(-3.5deg)}30%{transform:translate3d(-36px,6px,0) rotate(-.5deg)}46%{transform:translate3d(-4px,12px,0) rotate(1.5deg)}64%{transform:translate3d(32px,-10px,0) rotate(3deg)}78%{transform:translate3d(34px,6px,0) rotate(.5deg)}92%{transform:translate3d(6px,-4px,0) rotate(-1deg)}to{transform:translateZ(0) rotate(0)}}.tiger-car-image{display:block;width:100%;height:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 14px 14px rgba(0,0,0,.55))}.tiger-shadow{position:absolute;bottom:6px;left:14px;right:14px;height:18px;background:radial-gradient(ellipse at center,#000000bf,#0000 70%);filter:blur(4px);z-index:-1}.tiger-headlight-beam{position:absolute;top:-34px;width:48px;height:85px;background:linear-gradient(0deg,#fef08a61,#fef08a00);clip-path:polygon(25% 100%,75% 100%,100% 0%,0% 0%);pointer-events:none;filter:blur(3px);z-index:10}.beam-left{left:34px;transform:rotate(-5deg)}.beam-right{right:68px;transform:rotate(5deg)}.tiger-lightbar-glow{position:absolute;top:38px;left:50%;transform:translate(-50%);width:58px;height:12px;display:flex;justify-content:space-between;pointer-events:none;z-index:25}.strobe-beacon{width:11px;height:11px;border-radius:50%}.beacon-red{background:#ef4444;box-shadow:0 0 10px #ef4444,0 0 20px #ef4444;animation:beaconStrobeRed .28s steps(1) infinite}.beacon-blue{background:#38bdf8;box-shadow:0 0 10px #38bdf8,0 0 20px #38bdf8;animation:beaconStrobeBlue .28s steps(1) infinite}@keyframes beaconStrobeRed{0%,49%{opacity:1;transform:scale(1.15)}50%,to{opacity:.15;transform:scale(.9)}}@keyframes beaconStrobeBlue{0%,49%{opacity:.15;transform:scale(.9)}50%,to{opacity:1;transform:scale(1.15)}}[data-paused=true] .highway-lane-divider,[data-paused=true] .road-studs-left,[data-paused=true] .road-studs-right,[data-paused=true] .tiger-patrol-vehicle{animation-play-state:paused!important}.user-id-pill{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border:1px solid #c8d7eb;border-radius:14px;background:#ffffff94;box-shadow:0 2px 6px #718bb314,inset 0 1px #fff;margin-bottom:16px}.user-avatar-circle{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#286fd4,#6354ce);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800;box-shadow:0 3px 8px #286fd459;flex-shrink:0}.user-meta strong{display:block;font-size:13px;font-weight:700;color:#2f4666;line-height:1.2}.user-meta span{font-size:11px;color:#5d728d;font-family:monospace}.user-security-badge{font-size:9px;font-weight:750;color:#1f6b55;background:#dff5eb;border:1px solid #b7e7d4;border-radius:20px;padding:4px 10px;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.pin-wrap input.totp-code-input{height:52px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:22px;font-weight:800;letter-spacing:.35em;text-align:center;padding-inline:16px;color:#263454}.recovery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:14px;background:#192233;border-radius:16px;box-shadow:inset 0 2px 6px #0006;margin-bottom:14px}.recovery-chip{display:flex;align-items:center;justify-content:space-between;padding:7px 11px;background:#252f44;border:1px solid rgba(255,255,255,.08);border-radius:9px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;font-weight:700;color:#38bdf8;-webkit-user-select:all;-moz-user-select:all;user-select:all}.recovery-chip span{color:#64748b;font-size:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.action-buttons-row{display:flex;gap:8px;margin-bottom:16px}.btn-action-outline{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border:1px solid #c8d7eb;border-radius:11px;background:#ffffffa6;font-size:11px;font-weight:650;color:#435a78;cursor:pointer;transition:all .18s}.btn-action-outline:hover{background:#fff;border-color:#7396d9;color:#286fd4;transform:translateY(-1px);box-shadow:0 4px 10px #286fd41f}.qr-setup-box{display:flex;gap:16px;align-items:center;padding:14px;border:1px solid #c8d7eb;border-radius:18px;background:#ffffffa6;margin-bottom:16px}.qr-img-wrapper{flex:0 0 120px;height:120px;background:#fff;padding:6px;border-radius:12px;box-shadow:0 4px 12px #286fd41a,inset 0 0 0 1px #e2e8f0}.qr-img-wrapper svg,.qr-img-wrapper img{width:100%;height:100%;display:block}.secret-key-display{flex:1;min-width:0}.secret-key-code{display:block;padding:8px 10px;border:1px solid #c8d7eb;border-radius:9px;background:#f8fafc;font-family:ui-monospace,monospace;font-size:12px;font-weight:750;color:#2563eb;letter-spacing:.8px;word-break:break-all;margin-block:4px 8px}.form-options-2fa{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.form-options-2fa a{color:#4964af;font-size:11px;font-weight:600;text-decoration:none;transition:color .15s}.form-options-2fa a:hover{text-decoration:underline;color:#286fd4}.mfa-info-note{padding:10px 14px;border:1px solid #c8d7eb;border-radius:12px;background:#f1f7fe;color:#3b5373;font-size:11px;line-height:1.5;margin-bottom:16px}.mfa-info-note strong{color:#2563eb}.auth-grid-left-form{display:grid;grid-template-columns:minmax(360px,460px) minmax(0,1.35fr);grid-template-rows:minmax(0,1fr) 28px;-moz-column-gap:clamp(24px,4vw,56px);column-gap:clamp(24px,4vw,56px);align-items:center;padding-block:10px;width:100%;max-width:1280px;margin-inline:auto;min-height:0}.auth-grid-left-form .login-card{grid-column:1;grid-row:1 / -1;justify-self:start;width:100%;max-width:460px}.scenic-card{grid-column:2;grid-row:1 / -1;position:relative;width:100%;height:100%;max-height:600px;border-radius:28px;overflow:hidden;border:1.5px solid #ffffffd0;box-shadow:0 24px 55px -15px #082d6847,0 6px 18px #0f172a14;background:#0f172a;display:flex;flex-direction:column;justify-content:space-between}.scenic-bg-img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 75%;object-position:center 75%;transform:scale(1.02);transition:transform 8s cubic-bezier(.2,.9,.4,1)}.scenic-card:hover .scenic-bg-img{transform:scale(1.05)}.scenic-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#082d6873,#082d680d,#0f172a26 60%,#082d68e0);pointer-events:none}.scenic-top-bar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;gap:12px}.scenic-brand-badge{display:inline-flex;align-items:center;gap:10px;padding:6px 14px;border-radius:9999px;background:#ffffffe0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.9);box-shadow:0 6px 16px #0000001f}.scenic-shield-icon{width:26px;height:26px;-o-object-fit:contain;object-fit:contain}.scenic-brand-title{font-size:13px;font-weight:800;color:#1e3a8a;line-height:1.1;display:block}.scenic-brand-title strong{color:#0d57bb}.scenic-brand-sub{font-size:8px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#586b88;display:block}.scenic-pill-tag{display:inline-flex;align-items:center;padding:7px 14px;border-radius:9999px;background:#082d68bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:10px;font-weight:750;letter-spacing:.6px;box-shadow:0 4px 14px #00000026}.scenic-bottom-panel{position:relative;z-index:10;margin:16px;padding:16px 20px;border-radius:20px;background:#082d68d1;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.3);box-shadow:0 12px 30px #00000059;color:#fff}.scenic-features-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.18)}.scenic-feat-item{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:650;color:#f1f5f9}.scenic-feat-item svg{width:16px;height:16px;flex-shrink:0}.scenic-footer-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;font-size:10px;color:#cbd5e1;font-weight:600}.scenic-helpline{display:inline-flex;align-items:center;gap:4px;color:#facc15;font-weight:750}.scenic-helpline strong{font-size:12px;color:#fff;background:#0d57bb;padding:2px 7px;border-radius:6px;border:1px solid rgba(255,255,255,.2)}@media(max-width:900px){.auth-grid-left-form{display:flex;flex-direction:column;gap:16px}.scenic-card{display:none}.auth-grid-left-form .login-card{max-width:100%}}.scenic-slider-wrapper{position:absolute;inset:0;overflow:hidden}.scenic-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s cubic-bezier(.4,0,.2,1),transform 6s cubic-bezier(.2,.9,.4,1);transform:scale(1.02);pointer-events:none}.scenic-slide.active{opacity:1;transform:scale(1.05);pointer-events:auto}.slider-dots{display:flex;align-items:center;gap:6px}.slider-dot{width:7px;height:7px;border-radius:9999px;background:#ffffff73;transition:all .35s ease;cursor:pointer;border:1px solid rgba(255,255,255,.3)}.slider-dot:hover,.slider-dot:focus-visible{background:#fffc;transform:scale(1.2);outline:2px solid #38bdf8;outline-offset:2px}.slider-dot.active{width:22px;background:#38bdf8;border-color:#7dd3fc;box-shadow:0 0 10px #38bdf8d9}
