*{box-sizing:border-box}
html,body{width:100%;min-height:100%;margin:0}
body{min-width:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#111827;color:#fff}
.technical-access-page{display:flex;align-items:center;justify-content:center;width:100%;min-height:100vh;min-height:100dvh;padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#111827}
.technical-access-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(390px,100%);padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;outline:0}
.technical-access-logo{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;margin:0 0 28px}
.technical-access-logo img{display:block;width:auto;height:auto;max-width:238px;max-height:58px;object-fit:contain}
.technical-access-error{width:100%;margin:14px 0 0;padding:10px 12px;border:1px solid rgba(239,68,68,.32);border-radius:10px;background:rgba(127,29,29,.30);color:#fca5a5;font-size:12px;line-height:1.35;font-weight:300;text-align:center}
.technical-access-form{display:grid;width:100%;gap:14px}
.technical-access-field{position:relative;width:100%;height:50px}
.technical-access-form input{width:100%;height:50px;padding:0 14px;border:0;border-radius:12px;outline:0;background:#1f2937;color:#d1d5db;font-family:inherit;font-size:14px;font-weight:300;line-height:1.2;text-align:center;box-shadow:inset 0 2px 6px rgba(0,0,0,.34),inset 0 -1px 0 rgba(255,255,255,.03);transition:background-color .18s ease,box-shadow .18s ease,color .18s ease;-webkit-appearance:none;appearance:none}
.technical-access-form input::placeholder{color:transparent;opacity:0}
.technical-access-hint{position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%,-50%);color:#9ca3af;font-size:14px;line-height:1;font-weight:300;white-space:nowrap;pointer-events:none;transition:opacity .12s ease}
.technical-access-form input:focus+.technical-access-hint,.technical-access-form input:not(:placeholder-shown)+.technical-access-hint{opacity:0}
.technical-access-form input:focus{background:#243142;color:#e5e7eb;box-shadow:inset 0 2px 7px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.06)}
.technical-access-form input::-ms-reveal,.technical-access-form input::-ms-clear{display:none}
.technical-access-form button{display:flex;align-items:center;justify-content:center;width:100%;height:46px;margin:2px 0 0;padding:0 18px;border:0;border-radius:10px;background:#e72727;color:#fff;font-family:inherit;font-size:13px;font-weight:300;line-height:1;cursor:pointer;box-shadow:0 3px 0 rgba(145,24,24,.9),0 10px 20px rgba(231,39,39,.18);transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease}
.technical-access-form button:hover{background:#cb1e1e;transform:translateY(-1px);box-shadow:0 4px 0 rgba(145,24,24,.9),0 12px 22px rgba(231,39,39,.2)}
.technical-access-form button:active{transform:translateY(1px)}
.technical-access-foot{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:nowrap;margin-top:16px;color:#cbd5e1;font-size:12px;line-height:1.2;font-weight:300;text-align:center;white-space:nowrap}
.technical-access-version,.technical-access-secure{color:#cbd5e1;font-size:12px;line-height:1.2;font-weight:300;white-space:nowrap}
.technical-access-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.13)}
@media(max-width:480px){.technical-access-page{padding-top:max(30px,env(safe-area-inset-top));padding-right:max(30px,env(safe-area-inset-right));padding-bottom:max(30px,env(safe-area-inset-bottom));padding-left:max(30px,env(safe-area-inset-left))}.technical-access-card{width:100%}.technical-access-logo{min-height:50px;margin-bottom:24px}.technical-access-logo img{max-width:210px;max-height:50px}.technical-access-field,.technical-access-form input{height:48px}.technical-access-form input{padding:0 14px}.technical-access-form button{height:46px}.technical-access-foot{margin-top:14px;gap:7px;font-size:11px}.technical-access-version,.technical-access-secure{font-size:11px}}
@media(max-height:560px){.technical-access-page{align-items:flex-start}.technical-access-card{margin:auto 0}.technical-access-logo{margin-bottom:18px}.technical-access-foot{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.technical-access-form input,.technical-access-form button{transition:none}}