/* TransTrade Frontend Login */
.ttfl-page{background:#f8fbff}
.ttfl{--blue:#0870f8;--navy:#07142f;--muted:#68768e;--line:#dfe7f1;width:100%;padding:68px 0 78px;background:radial-gradient(circle at 83% 18%,rgba(35,125,255,.07),transparent 31%),#f8fbff;color:var(--navy);font-family:Poppins,Arial,sans-serif}
.ttfl__container{width:calc(100% - 40px);max-width:1050px;margin:0 auto;display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}
.ttfl__intro{padding:22px 0}
.ttfl__kicker{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:11px;font-weight:600;text-transform:uppercase}
.ttfl__kicker>span{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #dce8f6;border-radius:50%;background:#fff}
.ttfl__kicker>span i{font-size:15px}
.ttfl__intro h1{margin:20px 0 16px;font-size:43px;line-height:1.08;letter-spacing:-1.6px;font-weight:600}
.ttfl__intro h1 strong{color:var(--blue);font-weight:600}
.ttfl__intro>p{max-width:440px;margin:0;color:#4f5f78;font-size:12.5px;line-height:1.75}
.ttfl__benefits{display:grid;gap:10px;margin-top:27px}
.ttfl__benefits>div{display:flex;align-items:center;gap:11px;padding:11px 0}
.ttfl__benefits>div>span{width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;border:1px solid #dce6f2;border-radius:50%;background:#fff;color:var(--blue)}
.ttfl__benefits strong,.ttfl__benefits small{display:block}.ttfl__benefits strong{font-size:10px}.ttfl__benefits small{margin-top:3px;color:#758197;font-size:8.2px}

.ttfl__card{padding:27px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 12px 38px rgba(24,51,86,.07)}
.ttfl__card-head{display:flex;align-items:center;gap:13px;padding-bottom:20px;border-bottom:1px solid #e8edf3}
.ttfl__card-head>span{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#eef5ff;color:var(--blue);font-size:18px}
.ttfl__card-head h2{margin:0;font-size:19px}.ttfl__card-head p{margin:4px 0 0;color:#7a879a;font-size:9px}
.ttfl__notice{display:flex;align-items:center;gap:9px;margin-top:17px;padding:11px 12px;border:1px solid #efc7c7;border-radius:8px;background:#fff5f5;color:#9f3f3f;font-size:9px}
.ttfl__form{margin-top:19px}.ttfl__form>label{display:block;margin-bottom:14px}.ttfl__form>label>span{display:block;margin-bottom:6px;color:#293a54;font-size:9px;font-weight:600}
.ttfl__field{height:46px;display:grid;grid-template-columns:38px 1fr;align-items:center;border:1px solid #ccd9e8;border-radius:8px;background:#fff;overflow:hidden}
.ttfl__field:focus-within{border-color:#6eaaf8;box-shadow:0 0 0 2px rgba(8,112,248,.07)}
.ttfl__field>i{display:flex;align-items:center;justify-content:center;color:#6b7b91;font-size:13px}
.ttfl__field input{width:100%;height:44px;box-sizing:border-box;padding:0 11px 0 0;border:0;outline:0;background:transparent;color:#233650;font:400 10px Poppins,Arial,sans-serif}
.ttfl__password{grid-template-columns:38px 1fr 42px}.ttfl__password button{width:42px;height:46px;border:0;background:transparent;color:#68788f;cursor:pointer}
.ttfl__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 17px}
.ttfl__remember{display:flex;align-items:center;gap:7px;color:#5d6d84;font-size:8.5px}.ttfl__remember input{accent-color:var(--blue)}
.ttfl__forgot{color:var(--blue);text-decoration:none;font-size:8.5px;font-weight:500}
.ttfl__submit{width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:7px;background:linear-gradient(135deg,#0768ec,#0b7cff);color:#fff;font:600 11px Poppins,Arial,sans-serif;cursor:pointer;box-shadow:0 8px 18px rgba(8,112,248,.16)}
.ttfl__register{margin-top:15px;text-align:center;color:#788499;font-size:8.8px}.ttfl__register a{color:var(--blue);font-weight:600;text-decoration:none}
.ttfl__logged{grid-template-columns:70px 1fr;padding:32px;border:1px solid var(--line);border-radius:15px;background:#fff}.ttfl__logged-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ecf8ef;color:#32a34a;font-size:25px}.ttfl__logged h1{margin:7px 0;font-size:24px}.ttfl__logged p{font-size:10px;color:#68768e}.ttfl__logged a{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:10px 14px;border-radius:6px;background:#0870f8;color:#fff;text-decoration:none;font-size:9px}

@media(max-width:820px){.ttfl__container{grid-template-columns:1fr;gap:28px}.ttfl__intro{padding-bottom:0}.ttfl__benefits{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.ttfl{padding:42px 0 55px}.ttfl__container{width:calc(100% - 28px)}.ttfl__intro h1{font-size:34px}.ttfl__benefits{grid-template-columns:1fr}.ttfl__card{padding:20px}.ttfl__row{align-items:flex-start;flex-direction:column}.ttfl__logged{grid-template-columns:1fr}}