*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}.page{width:100%;min-height:100svh;padding:env(safe-area-inset-top)0 env(safe-area-inset-bottom);background:#f0f0f0;justify-content:center;align-items:center;display:flex}.container{align-items:center;gap:40px;display:flex}.left{display:none}@media (min-width:900px){.left{display:block}}.phone-frame{border-radius:30px;width:380px;height:580px;position:relative;overflow:hidden}.phone-bg,.screen{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.screen{opacity:.75;filter:brightness(85%);border-radius:30px;position:absolute;top:0;left:0}.right{flex-direction:column;align-items:center;display:flex}.login-box{background:#fff;border:1px solid #dbdbdb;border-radius:10px;width:350px;padding:40px}.logo{text-align:center;margin-bottom:30px;font-size:42px;font-weight:700}.logo-inti{color:#111}.logo-zom{color:#7a1aff}.login-box input{background:#fafafa;border:1px solid #dbdbdb;border-radius:6px;width:100%;margin-top:8px;padding:12px}.login-box input::placeholder{color:#777;opacity:1}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6a0dad,#8f3fff);border:none;border-radius:6px;width:100%;margin-top:15px;padding:10px;font-size:16px;font-weight:700}.error-msg{text-align:center;color:red;margin-top:10px;font-size:14px}.divider{align-items:center;margin:20px 0;display:flex}.divider span{background:#dbdbdb;flex:1;height:1px}.divider p{color:#8e8e8e;margin:0 10px;font-size:14px}.forgot{text-align:center;color:#7a1aff;cursor:pointer;font-size:13px;font-weight:700}.signup-box{text-align:center;background:#fff;border:1px solid #dbdbdb;border-radius:10px;width:350px;margin-top:15px;padding:20px;font-size:14px}.signup-text{margin-bottom:6px}.signup{color:#7a1aff;cursor:pointer;font-weight:700}.phone-frame,.phone-bg,.screen{z-index:1;pointer-events:none!important}.right,.login-box,.login-box *{z-index:5;position:relative;pointer-events:auto!important}.login-box input{color:#111!important;-webkit-text-fill-color:#111!important;caret-color:#111!important;background-color:#fafafa!important}@media (max-width:900px){.container{flex-direction:column;width:100%;padding:20px}.right{align-items:center;width:100%}.login-box,.signup-box{width:100%;max-width:380px;padding:30px 20px}.logo{font-size:36px}.login-btn{padding:14px;font-size:17px}}