.stage-wrap{padding:0 var(--gutter) var(--gutter);max-width:var(--shell);margin:0 auto}.stage{border-radius:var(--radius);border:1px solid #efeff2;place-items:center;min-height:820px;padding:70px 24px;display:grid;position:relative;overflow:hidden}.f-note{top:70px;left:26px}.g-a{width:190px;height:180px;top:80px;left:8px;transform:rotate(-6deg)}.g-b{background:#fdf5be73;border-color:#f3edd2;width:180px;height:140px;top:150px;left:0;transform:rotate(5deg)}.f-note .note{width:216px;height:200px;transform:rotate(-2deg)}.f-tasks{bottom:-20px;left:60px;transform:rotate(-2.5deg)}.f-inbox{top:120px;right:-30px;transform:rotate(4deg)}.f-sync{bottom:36px;right:48px}.f-sync .sync{width:290px;padding:24px 22px 26px}.f-sync .sync h4{margin-bottom:18px}.f-sync .sync-icons{gap:12px}.f-sync .icon-tile{width:68px;height:62px}.mini{width:300px;padding:20px 18px 24px}.mini h4{letter-spacing:-.02em;margin-bottom:15px;font-family:Inter Tight,sans-serif;font-size:18px;font-weight:600}.mrow{border:1px solid #eeeff3;border-radius:13px;align-items:center;gap:10px;margin-bottom:12px;padding:11px 13px;display:flex;box-shadow:0 8px 18px #1018280a}.mrow:last-child{margin-bottom:0}.dot-ic{border-radius:7px;flex:none;place-items:center;width:22px;height:22px;display:grid}.mrow .t{font-size:13.5px;font-weight:500}.mrow .d{color:#a2a7ae;margin-top:3px;font-size:11px}.mrow .chip{gap:6px;margin-top:4px;padding:5px 10px;font-size:12px}.auth{z-index:6;background:#fff;border:1px solid #efeff2;border-radius:24px;width:100%;max-width:432px;padding:38px 36px 34px;position:relative;box-shadow:0 30px 70px #1018281a,0 4px 10px #1018280a}.auth .app-tile{background:#fff;border-radius:19px;place-items:center;width:64px;height:64px;margin:0 auto 22px;display:grid;box-shadow:0 10px 26px #1018281a}.auth h1{letter-spacing:-.035em;text-align:center;font-family:Inter Tight,sans-serif;font-size:30px;font-weight:600;line-height:1.15}.auth .sub{text-align:center;color:#8a8f98;margin-top:10px;font-size:15px}.auth form{margin-top:26px}.field{margin-bottom:15px}.auth label{color:#5c6169;margin-bottom:7px;font-size:13px;font-weight:500;display:block}.auth input{width:100%;color:var(--ink);background:#fff;border:1px solid #e4e6eb;border-radius:12px;padding:14px 15px;font-family:inherit;font-size:15px;transition:border-color .18s,box-shadow .18s}.auth input::placeholder{color:#b3b7be}.auth input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 4px #2563eb1f}.pw-wrap{position:relative}.pw-wrap input{padding-right:96px}.pw-toggle{cursor:pointer;color:#9aa0a8;background:0 0;border:none;padding:8px;font-family:inherit;font-size:13px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.pw-toggle:hover{color:var(--ink)}.error{color:#d92d20;margin-top:7px;font-size:12.5px}.auth input.is-invalid{border-color:#f0a3a3;box-shadow:0 0 0 4px #d92d2014}.row-between{justify-content:space-between;align-items:center;margin:4px 0 20px;font-size:13.5px;display:flex}.remember{color:#5c6169;cursor:pointer;align-items:center;gap:8px;margin:0;display:flex}.remember input{width:16px;height:16px;accent-color:var(--blue);padding:0}.link{color:var(--blue);font-weight:500}.link:hover{text-decoration:underline}.auth .btn-primary{border-radius:13px;width:100%;padding:16px;font-size:16px;display:block;box-shadow:0 14px 30px #2563eb47}.auth .btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 36px #2563eb57}.auth .btn-primary:disabled{opacity:.7;cursor:progress;transform:none}.legal{text-align:center;color:#a2a7ae;margin-top:22px;font-size:12px;line-height:1.55}@media (width<=1180px){.stage{min-height:auto;padding:40px 18px}}@media (width<=900px){.auth{padding:30px 22px 26px}.nav-right span{display:none}}