.vault-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100svh;height:100svh;padding:18px 20px 52px;overflow:hidden}.gate-powered{position:absolute;z-index:2;left:18px;right:18px;bottom:max(14px,env(safe-area-inset-bottom));color:#63736a;text-decoration:none;font-size:9px;letter-spacing:.25px;transition:color .2s}.gate-powered strong{color:#82958a;font-weight:700}.gate-powered span{margin-left:3px;color:#63d98f}.gate-powered:hover{color:#a8c1b1}.gate-powered:hover strong{color:#9be5b6}.vault-gate .gate-brand{margin-bottom:11px}.vault-gate>p{margin:7px 0 15px}.digital-safe{margin-bottom:16px}.gate-form{flex:0 0 auto}@media(max-width:520px){.vault-gate{padding:12px 18px 46px}.vault-gate .gate-brand{margin-bottom:7px}.vault-gate>p{margin:5px 0 9px}.digital-safe{margin-top:-8px;margin-bottom:2px}.gate-powered{bottom:max(10px,env(safe-area-inset-bottom));font-size:8px}}@media(max-height:640px){.vault-gate{justify-content:flex-start;padding-top:11px;padding-bottom:36px}.vault-gate .gate-brand{transform:scale(.86);margin-bottom:1px}.vault-gate h1{font-size:25px}.vault-gate>p{font-size:11px;margin:3px 0 4px}.digital-safe{transform:scale(.72);height:126px;margin-top:-17px;margin-bottom:-5px}.gate-error{min-height:12px;margin-top:4px}.unlock-btn{padding:10px 13px}.gate-powered{bottom:7px}}

/* Mobil kasa: acilan kapak her iPhone ekraninda guvenli alan icinde kalir. */
@media (max-width: 640px) {
  .vault-gate {
    padding: max(12px, env(safe-area-inset-top)) 18px max(45px, calc(env(safe-area-inset-bottom) + 34px));
  }

  .digital-safe {
    width: min(198px, 55vw);
    height: auto;
    aspect-ratio: 214 / 174;
    margin: 0 auto 9px;
    transform: none;
  }

  .digital-safe .safe-door {
    transform-origin: 100% 50%;
  }

  .digital-safe.safe-unlocked .safe-door {
    transform: rotateY(100deg);
  }

  .vault-gate > p {
    max-width: 290px;
    margin: 6px 0 10px;
    font-size: 12px;
  }

  .gate-powered {
    bottom: max(10px, env(safe-area-inset-bottom));
    display: flex;
    justify-content: center;
    text-align: center;
  }
}

@media (max-width: 390px), (max-height: 700px) {
  .vault-gate {
    justify-content: flex-start;
    padding-top: max(8px, env(safe-area-inset-top));
  }

  .vault-gate .gate-brand {
    transform: scale(.84);
    margin-bottom: 1px;
  }

  .vault-gate h1 { font-size: 25px; }
  .vault-gate > p { margin: 3px 0 5px; font-size: 11px; }
  .digital-safe { width: min(178px, 54vw); margin-bottom: 0; }
  .gate-error { min-height: 13px; margin-top: 4px; }
  .unlock-btn { padding: 10px 13px; }
}