*{box-sizing:border-box}body{background:#e6e6e6;margin:0;font-family:Inter,Helvetica,Arial,sans-serif}.app{flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:hidden}.file-header{color:#fff;background:#000;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.file-left{align-items:center;gap:10px;display:flex}.file-info{min-width:0}.file-top,.file-bottom,.top-center{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cloud-icon{background:#2b7cff;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.file-actions{gap:12px;display:flex}.topbar{color:#fff;background:#4c6f95;justify-content:space-between;padding:6px 16px;display:flex}.workspace{flex:1;display:flex}.viewer{flex:1;justify-content:center;padding:40px;display:flex}.page{background:#fff;width:100%;max-width:820px;padding:60px;box-shadow:0 0 10px #00000026}.page.is-blurred{filter:blur(6px);opacity:.7}.doc-header{justify-content:space-between;margin-bottom:40px;display:flex}.logo-doc{font-family:serif;font-size:32px}.amp{color:red}.title{text-align:center;margin-bottom:20px}.accent{text-align:center;color:red}@media (width<=768px){.file-header{gap:10px;padding:10px 12px}.file-left{flex:1;min-width:0}.file-top{flex-direction:column;align-items:flex-start;font-size:12px;line-height:1.25;display:flex}.file-bottom{font-size:13px}.topbar{gap:8px;padding:6px 10px;font-size:13px}.top-left,.top-center,.top-right{min-width:0}.top-center{text-align:center;flex:1}.viewer{padding:16px}.page{padding:24px 16px}.doc-header{flex-direction:column;gap:12px;margin-bottom:24px}.logo-doc{overflow-wrap:anywhere;font-size:26px}}@media (width<=480px){.viewer{padding:10px}.page{padding:18px 12px}.cloud-icon{border-radius:5px;width:26px;height:26px}.topbar{font-size:12px}}.overlay{z-index:100;background:#00000080;position:fixed;inset:0}.popup-overlay{z-index:200;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.popup{background:#fff;border-radius:16px;flex-direction:column;width:min(420px,100%);max-height:calc(100dvh - 32px);animation:.25s popupIn;display:flex;overflow:hidden;box-shadow:0 25px 60px #00000059}@keyframes popupIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.popup-content{padding:28px;overflow-y:auto}.popup-title{margin:0 0 16px;font-family:MailSans,Helvetica,Arial,sans-serif;font-size:24px;font-weight:400;line-height:1.25}.popup-email{justify-content:space-between;margin-bottom:18px;font-size:14px;display:flex}.popup-email a{color:#1a73e8;text-decoration:none}.transfer-box{color:#d63434;background:#eef2f8;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;padding:14px;font-size:14px;display:flex}.transfer-box a{color:#1a73e8;text-decoration:none}.input-group{margin-bottom:18px;position:relative}.login-display{box-sizing:border-box;background:0 0;border:none;border-radius:0;justify-content:flex-start;align-items:center;gap:10px;width:100%;min-height:48px;margin-bottom:18px;padding:0;display:flex}.login-display-text{color:#2c2d30;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:400;line-height:20px;overflow:hidden}.login-display-avatar{object-fit:cover;background:#eef2f8;border-radius:50%;flex:0 0 48px;width:48px;height:48px}@media (width<=480px){.login-display-avatar{flex:0 0 42px;width:42px;height:42px}}.input-group input{color:#2c2d30;box-sizing:border-box;background:#fff;border:1px solid #c8c8c8;border-radius:8px;width:100%;height:34px;margin:0;padding:0 40px 0 12px;font-family:MailSans,Helvetica,Arial,sans-serif;font-size:15px;font-weight:400;line-height:20px}.input-group input:focus,.input-group input:focus-visible,.input-group input:active{box-shadow:none;color:#2c2d30;background:#fff;border-color:#c8c8c8;outline:none}.input-group input::placeholder{color:#a0a5af}.password-error-text{color:#d63434;margin:-8px 0 12px;font-size:13px;line-height:1.3}.eye{opacity:.6;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.popup-actions{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.security-note{align-items:flex-start;gap:8px;margin-top:10px;display:flex}.security-note-icon{color:#fff;background:#1d9f49;border-radius:50%;flex:0 0 18px;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.security-note-text{color:#5f6368;font-size:12px;line-height:1.35}.sign-btn{color:#fff;cursor:pointer;background:#1a73e8;border:none;border-radius:8px;padding:10px 22px;font-size:15px}.sign-btn:hover{background:#1765cc}.checkbox{align-items:center;gap:6px;font-size:13px;display:flex}.popup-footer{border-top:1px solid #e5e5e5;align-items:center;padding:18px 28px;font-size:14px;display:flex}.popup-loader-content{text-align:center;flex-direction:column;align-items:center;padding-top:36px;padding-bottom:36px;display:flex}.popup-loader-title{margin-bottom:12px}.loader-spinner{border:4px solid #1a73e833;border-top-color:#1a73e8;border-radius:50%;width:56px;height:56px;margin-bottom:18px;animation:.9s linear infinite loaderSpin}@keyframes loaderSpin{to{transform:rotate(360deg)}}.loader-text{color:#2c2d30;max-width:320px;margin:0;font-size:15px;line-height:1.35}.loader-timer{color:#6b7280;margin:14px 0 0;font-size:14px}@media (width<=480px){.popup-overlay{align-items:center;padding:10px}.popup{border-radius:12px;max-height:calc(100dvh - 20px)}.popup-content{padding:18px 14px}.popup-title{margin-bottom:12px;font-size:20px}.popup-footer{padding:14px}.popup-loader-content{padding-top:24px;padding-bottom:24px}.loader-spinner{width:48px;height:48px}.loader-text{font-size:14px}}.popup-footer .qr-link{color:#1a73e8;align-items:center;gap:10px;font-size:14px;font-weight:400;line-height:1.2;text-decoration:none;display:inline-flex}.popup-footer .qr-link-icon{width:22px;height:22px;display:block}.otp-popup{width:min(720px,100%)}.otp-content{text-align:center;padding:48px 56px 40px}.otp-hero{width:128px;height:100px;margin:0 auto 20px;position:relative}.otp-hero-bubble{color:#fff;background:#1276f4;border-radius:22px;justify-content:center;align-items:center;width:112px;height:84px;font-size:40px;font-weight:500;line-height:1;display:flex}.otp-hero-check{color:#fff;background:#16cf7a;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:34px;display:flex;position:absolute;bottom:0;right:0}.otp-title{max-width:620px;margin:0 auto 12px;font-size:24px;font-weight:400;line-height:1.25}.otp-subtitle{color:#6d7787;white-space:pre-line;max-width:560px;margin:0 auto 28px;font-size:14px;font-weight:400;line-height:1.35}.otp-grid{justify-content:center;gap:14px;margin-bottom:22px;display:flex}.otp-cell{text-align:center;color:#0d0f12;background:#f6f7f9;border:1px solid #ccd3df;border-radius:16px;outline:none;width:72px;height:72px;font-size:40px;line-height:1}.otp-cell:focus,.otp-cell:focus-visible{background:#fff;border-color:#2c88ff}.otp-cell:disabled{opacity:.7;cursor:not-allowed}.otp-cell-invalid,.otp-cell-invalid:focus,.otp-cell-invalid:focus-visible{background:#f0dfdf;border-color:#f24848}.phone-tail-inline{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:8px;display:flex}.phone-tail-helper{color:#2c2d30;flex:none;width:auto;margin-bottom:0;font-size:16px;font-weight:500;display:inline-flex}.phone-tail-input-group{flex:none;margin-bottom:0}.phone-tail-inline .phone-tail-input-group input{text-align:center;letter-spacing:2px;width:calc(5ch + 16px);min-width:calc(5ch + 16px);max-width:calc(5ch + 16px);padding:0 6px}.phone-tail-caption{color:#6d7787;margin:0 0 14px;font-size:12px;line-height:1.3}.otp-error-text{text-align:center;color:#e54545;max-width:560px;margin:6px auto 0;font-size:14px;line-height:1.35}@media (width<=900px){.otp-popup{width:min(560px,100%)}.otp-content{padding:34px 24px 30px}.otp-title{font-size:24px}.otp-subtitle{font-size:14px}.otp-cell{width:58px;height:58px;font-size:32px}}@media (width<=560px){.otp-content{padding:24px 14px 20px}.otp-hero{margin-bottom:8px;transform:scale(.84)}.otp-title{font-size:20px;line-height:1.25}.otp-subtitle{margin-bottom:18px;font-size:14px}.otp-grid{gap:8px}.otp-cell{border-radius:11px;width:46px;height:46px;font-size:24px}.otp-error-text{font-size:14px}.phone-tail-inline{align-items:flex-start;gap:8px}.phone-tail-helper{font-size:14px}}