/* Đăng nhập thaytuan.samio.fun — bản đơn giản, không ảnh (12/10/2026) */
body.tt-simple{margin:0;min-height:100vh;background:var(--tt-bg,#f8f1ed);color:#222;font-family:"Mulish",system-ui,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
.tt-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 18px 28px;box-sizing:border-box}
.tt-brand{font-family:"EB Garamond",Georgia,serif;font-size:34px;font-weight:500;line-height:1;color:#222;text-decoration:none;margin-bottom:26px;letter-spacing:-.01em}
.tt-brand em{font-style:italic}
.tt-card{width:100%;max-width:430px;box-sizing:border-box;background:#fff;padding:40px 38px 26px;box-shadow:0 18px 50px rgba(54,56,76,.07)}
.tt-card h1{margin:0;font-family:"EB Garamond",Georgia,serif;font-size:38px;font-weight:500;line-height:1.15;text-align:center;letter-spacing:-.01em}
.tt-sub{margin:8px 0 26px;text-align:center;color:#6b6d7a;font-size:14.5px}
.tt-status,.tt-errors{margin:0 0 18px;padding:11px 14px;font-size:14px;border-left:3px solid var(--tt-primary,#274543);background:var(--tt-bg,#f8f1ed)}
.tt-errors{border-left-color:#b3261e;background:#fdf1ef;color:#7a1c16}
.tt-errors p{margin:0}
.tt-errors:focus{outline:0}
.tt-field{margin-bottom:18px}
.tt-field label{display:block;margin-bottom:7px;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#5f6170}
.tt-field input{display:block;width:100%;box-sizing:border-box;min-height:50px;padding:12px 15px;border:1px solid #e6ddd6;border-radius:0;background:var(--tt-bg,#f8f1ed);font:inherit;font-size:15px;color:#222;transition:border-color .15s,background .15s,box-shadow .15s}
.tt-field input:focus{outline:0;background:#fff;border-color:var(--tt-primary,#274543);box-shadow:0 0 0 3px color-mix(in srgb,var(--tt-primary,#274543) 14%,transparent)}
.tt-field input[aria-invalid=true]{border-color:#b3261e}
.tt-password{position:relative}
.tt-password input{padding-right:50px}
.tt-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:42px;height:42px;display:grid;place-items:center;border:0;background:none;color:#6b6d7a;cursor:pointer}
.tt-toggle svg{width:20px;height:20px}
.tt-toggle i.fi{font-size:20px}
.tt-toggle:hover{color:var(--tt-primary,#274543)}
.tt-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 22px;font-size:14px}
.tt-options label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:#444}
.tt-options input{width:17px;height:17px;accent-color:var(--tt-primary,#274543)}
.tt-options a{color:var(--tt-primary,#274543);font-weight:600;text-decoration:none}
.tt-options a:hover{text-decoration:underline}
.tt-submit,.tt-install{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;border-radius:999px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.tt-submit{border:1px solid var(--tt-primary,#274543);background:var(--tt-primary,#274543);color:#fff}
.tt-submit:hover{background:var(--tt-hover,#508682);border-color:var(--tt-hover,#508682)}
.tt-install{margin-top:12px;border:1px solid #e6ddd6;background:#fff;color:#444}
.tt-install:hover{border-color:var(--tt-primary,#274543);color:var(--tt-primary,#274543)}
.tt-install svg{width:18px;height:18px}
.tt-install i.fi{font-size:18px}
.tt-links{margin-top:14px;border-top:1px solid #f0e8e2;padding-top:4px;color:#5f6170}
.tt-links nav{margin:10px 0 0!important;font-size:13.5px!important;gap:2px 18px!important}
.tt-links a:hover{color:var(--tt-primary,#274543)!important}
.tt-foot{margin:22px 0 0;color:#9a9ba5;font-size:12.5px;text-align:center}
@media (max-width:480px){.tt-wrap{padding-top:28px;justify-content:flex-start}.tt-card{padding:30px 22px 20px}.tt-card h1{font-size:34px}.tt-brand{font-size:30px;margin-bottom:20px}}
.tt-options input[type=checkbox]{color:var(--tt-primary,#274543);border-color:#cfc6bf;border-radius:3px}.tt-options input[type=checkbox]:focus{--tw-ring-color:color-mix(in srgb,var(--tt-primary,#274543) 30%,transparent)}
