/* TypingAcademy v1.0.10 standalone authentication layout.
   All styles are namespaced; existing landing/admin/community CSS is unaffected. */
:root{color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body.ta10{margin:0;color:#071743;background:#fff;font-family:Inter,"Segoe UI",Arial,"Noto Sans Devanagari",sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased}
.ta10 a{color:inherit;text-decoration:none}
.ta10 button,.ta10 input{font:inherit}
.ta10 input,.ta10 button{min-width:0}
.ta10-container{width:min(1480px,calc(100% - 110px));margin:0 auto}
.ta10-skip{position:absolute;left:20px;top:-100px;z-index:999;background:#fff;color:#0061f4;padding:10px 16px}.ta10-skip:focus{top:10px}
.ta10-header{position:relative;z-index:20;background:#fff;border-bottom:1px solid #e5f0ff}
.ta10-nav{min-height:86px;display:flex;align-items:center;gap:25px}
.ta10-logo{display:inline-flex;flex:0 0 245px;align-items:center;max-width:245px}
.ta10-logo img{display:block;width:100%;max-height:70px;height:auto;object-fit:contain;object-position:left center}
.ta10-desktop-links{display:flex;flex:1;justify-content:center;align-items:center;gap:clamp(10px,1.16vw,23px)}
.ta10-desktop-links a{font-weight:750;font-size:clamp(11px,.86vw,14px);white-space:nowrap;color:#071743;transition:color .18s}
.ta10-desktop-links a:hover,.ta10-back:hover{color:#0066fa}
.ta10-nav-actions{display:flex;align-items:center;gap:11px;flex-shrink:0}
.ta10-outline-link,.ta10-primary-link{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;min-height:47px;padding:0 25px;font-size:14px;font-weight:800;white-space:nowrap}
.ta10-outline-link{color:#0065f6!important;border:1.7px solid #006aff;background:#fff}
.ta10-outline-link:hover{background:#f2f8ff}
.ta10-primary-link{color:#fff!important;background:#0866f9;box-shadow:0 7px 15px #0b6cfa1a;gap:15px}
.ta10-primary-link:hover,.ta10-submit:hover{background:#015bea}
.ta10-admin-tag{font-size:13px;color:#0d67e7;background:#e6f2ff;letter-spacing:.16em;font-weight:850;padding:8px 14px;border-radius:8px;white-space:nowrap}
.ta10-back{margin-left:auto;font-size:16px;font-weight:800;color:#0865f5!important;white-space:nowrap}.ta10-back span{margin-left:12px;font-size:22px;vertical-align:-1px}
.ta10-mobile-menu{display:none;position:relative;margin-left:auto}
.ta10-mobile-menu summary{cursor:pointer;color:#0a52bf;font-weight:800;border:1px solid #cde4ff;border-radius:9px;padding:10px 12px;list-style:none}
.ta10-mobile-menu summary::-webkit-details-marker{display:none}
.ta10-mobile-menu nav{position:absolute;top:calc(100% + 12px);right:0;display:grid;gap:2px;min-width:220px;padding:9px;background:#fff;border:1px solid #d8e8ff;box-shadow:0 16px 30px #15366124;border-radius:12px}
.ta10-mobile-menu nav a{padding:10px 12px;font-size:14px;border-radius:7px;font-weight:650}.ta10-mobile-menu nav a:hover{background:#eef6ff;color:#0864f7}
.ta10-main{position:relative;overflow:hidden;min-height:calc(100svh - 169px);background:linear-gradient(112deg,#f1faff 2%,#eaf7ff 60%,#dff2ff 100%)}
.ta10-main::before{content:"";position:absolute;top:-10%;left:-10%;height:120%;width:370px;transform:skewX(-23deg);background:linear-gradient(90deg,transparent 0 26%,#d3eafb88 26% 42%,transparent 42% 67%,#d4eafa84 67% 83%,transparent 83%);pointer-events:none}
.ta10-main::after{content:"";position:absolute;right:-150px;top:25%;width:260px;height:70%;transform:skewX(-23deg);background:linear-gradient(90deg,#cfe9fa66 15%,transparent 15% 55%,#d5ebfc7d 55% 85%);pointer-events:none}
.ta10-main-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.09fr) minmax(430px,.91fr);gap:clamp(30px,4.3vw,80px);padding-top:clamp(32px,4vw,65px);padding-bottom:38px;align-items:center}
.ta10-story{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-bottom:6px}
.ta10-story h1{margin:0 0 10px 8%;font-size:clamp(43px,4.55vw,72px);line-height:1.045;letter-spacing:-.052em;font-weight:900;color:#07134b;white-space:nowrap}
.ta10-story h1 span{color:#075df5}
.ta10-tagline{color:#365487;font-size:clamp(18px,1.65vw,28px);line-height:1.4;letter-spacing:-.025em;margin:0 0 16px 8%;white-space:nowrap}
.ta10-illustration{display:block;width:108%;max-width:none;align-self:center;height:auto;aspect-ratio:825/441;object-fit:contain;margin-left:-5%;mix-blend-mode:multiply;filter:drop-shadow(0 8px 18px #12398816)}
.ta10-illustration--admin{aspect-ratio:840/443}
.ta10-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:auto;padding-top:10px}
.ta10-benefits>div{display:flex;align-items:center;gap:13px;padding:0 12px;min-width:0;border-right:1px solid #cbdcf1}
.ta10-benefits>div:first-child{padding-left:10px}.ta10-benefits>div:last-child{border-right:0}
.ta10-benefit-icon{font-size:36px;line-height:1;color:#0868ff;flex-shrink:0;min-width:38px;text-align:center}
.ta10-benefits strong{display:block;color:#071847;font-size:15px;font-weight:850;line-height:1.25}
.ta10-benefits small{display:block;color:#5974a8;font-size:13px;line-height:1.35;margin-top:4px}
.ta10-account{display:flex;align-items:center;justify-content:center;min-width:0}
.ta10-card{width:100%;background:#fff;border:1.5px solid #a6d5ff;border-radius:20px;box-shadow:0 12px 39px #2d6ba913;overflow:hidden}
.ta10-card-body{padding:30px clamp(24px,3.5vw,44px) 27px}
.ta10-card-icon{width:85px;height:85px;border-radius:15px;background:linear-gradient(140deg,#e3f2ff,#cfebff);display:grid;place-items:center;margin:0 auto 14px}
.ta10-access-label{text-align:center;font-size:11px;font-weight:850;letter-spacing:.29em;color:#5978b2;margin:0 0 9px}
.ta10-card h2{font-size:clamp(28px,2.25vw,40px);letter-spacing:-.045em;color:#071444;text-align:center;line-height:1.15;margin:0 0 7px;font-weight:900}
.ta10-card-subtitle{text-align:center;font-size:clamp(14px,1.15vw,19px);color:#607eb3;margin:0 0 32px}
.ta10-form{display:grid;gap:17px}
.ta10-form--register{gap:13px}
.ta10-field{display:grid;gap:8px}
.ta10-field>label{font-size:15px;font-weight:820;color:#08183d}
.ta10-input-wrap{position:relative;display:flex;align-items:center}
.ta10-input-icon{position:absolute;top:50%;left:20px;transform:translateY(-50%);width:22px;height:22px;color:#5a79b1;pointer-events:none}
.ta10-input-wrap input{width:100%;height:55px;padding:0 18px 0 59px;border-radius:9px;border:1.4px solid #cad9f0;background:#fff;outline:none;color:#142858;font-size:15px;transition:border-color .2s,box-shadow .2s}
.ta10-input-wrap input::placeholder{color:#92a7d0;opacity:1}
.ta10-input-wrap input:focus{border-color:#0068ff;box-shadow:0 0 0 3px #1073fb1a}
.ta10-input-wrap input[aria-invalid="true"]{border-color:#d95468}
.ta10-input-wrap--password input{padding-right:60px}
.ta10-visibility{position:absolute;right:13px;top:50%;transform:translateY(-50%);height:38px;width:38px;border:0;background:transparent;display:grid;place-items:center;color:#4d70ad;cursor:pointer;border-radius:6px}
.ta10-visibility:hover,.ta10-visibility:focus-visible{background:#eaf5ff;color:#0066f6}
.ta10-visibility svg{width:24px;height:24px}
.ta10-form-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:2px 0}
.ta10-form-row>a,.ta10-terms a,.ta10-card-link a{color:#0564f2;font-weight:830;font-size:14px}
.ta10-check{display:flex;gap:12px;align-items:center;font-size:14px;line-height:1.5;color:#1e3565;cursor:pointer}
.ta10-check input{width:20px;height:20px;flex:0 0 20px;accent-color:#0c69f8;cursor:pointer;margin:0}
.ta10-terms{align-items:flex-start;margin:1px 0 0}.ta10-terms a{text-decoration:underline;text-underline-offset:2px}
.ta10-submit{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;min-height:56px;color:#fff;font-size:16px;font-weight:850;border:0;border-radius:9px;background:#0867f9;box-shadow:0 7px 16px #0355ca27;cursor:pointer;margin-top:2px;transition:background .2s,transform .2s}
.ta10-submit:active{transform:translateY(1px)}
.ta10-submit.ta10-submitting{opacity:.92}
.ta10-or{display:flex;align-items:center;gap:14px;margin:24px 0 11px;color:#748cb7;text-align:center;font-size:14px}
.ta10-or::before,.ta10-or::after{content:"";height:1px;flex:1;background:#ccd9ef}
.ta10-or span{white-space:nowrap}
.ta10-card-link{text-align:center;margin:3px 0;font-size:14px}
.ta10-safety{text-align:center;color:#8398bf;font-size:13px;margin:22px 0 0}
.ta10-hint{font-size:12px;color:#6d87b4;margin-top:-5px;line-height:1.4}
.ta10-field-error{font-size:12px;color:#ba2141;margin-top:-2px}
.ta10-social{display:grid;gap:9px;margin-top:17px}.ta10-social .ta10-or{margin:5px 0 0}
.ta10-social>a{display:block;padding:10px;text-align:center;border:1px solid #d3e5fa;border-radius:8px;color:#1662c9;font-weight:750;font-size:13px}.ta10-social>a:hover{background:#f2f8ff}
.ta10-alert{font-size:13px;padding:12px 13px;border-radius:10px;margin-bottom:19px;line-height:1.5}
.ta10-alert ul{margin:6px 0 0;padding-left:20px}.ta10-alert--error{color:#a42842;background:#fff1f4;border:1px solid #f5bfcb}.ta10-alert--success{color:#176448;background:#eafff5;border:1px solid #b7e9cc}
.ta10-admin-foot{padding:18px 16px 20px;border-top:1px solid #e7eff9;background:#f3f9ff;text-align:center;color:#637faf;font-size:13px}
.ta10-admin-foot span{display:block}
.ta10-footer{background:#fff;border-top:1px solid #e9effa}
.ta10-footer-inner{display:flex;align-items:center;justify-content:space-between;min-height:79px;gap:20px;color:#6981ad;font-size:13px}
.ta10-footer nav{display:flex;gap:24px;flex-wrap:wrap}.ta10-footer nav a:hover{color:#0867f9}
.ta10--register .ta10-main-inner{padding-top:30px;padding-bottom:22px}
.ta10--register .ta10-card-body{padding-top:24px;padding-bottom:22px}
.ta10--register .ta10-card-icon{width:68px;height:68px;margin-bottom:10px}
.ta10--register .ta10-card-subtitle{margin-bottom:20px}
.ta10--register .ta10-input-wrap input{height:48px}
.ta10--register .ta10-card h2{font-size:31px}
.ta10--register .ta10-form{gap:10px}
.ta10--register .ta10-card .ta10-or{margin-top:14px}
.ta10--register .ta10-safety{margin-top:14px}
@media (max-width:1440px){.ta10-container{width:min(1340px,calc(100% - 66px))}.ta10-logo{flex-basis:215px}.ta10-desktop-links{gap:12px}.ta10-story h1{font-size:clamp(39px,4.3vw,62px)}.ta10-tagline{font-size:clamp(17px,1.6vw,23px)}.ta10-benefit-icon{font-size:30px}.ta10-benefits strong{font-size:13px}.ta10-benefits small{font-size:12px}}
@media (max-width:1180px){.ta10-desktop-links,.ta10-nav-actions{display:none}.ta10-mobile-menu{display:block}.ta10-main-inner{grid-template-columns:minmax(0,1fr) minmax(390px,.92fr);gap:25px}.ta10-story h1{margin-left:0;font-size:45px}.ta10-tagline{margin-left:0;white-space:normal}.ta10-benefits>div{padding:0 7px;gap:6px}.ta10-benefits strong{font-size:12px}.ta10-benefits small{font-size:11px}}
@media (max-width:900px){.ta10-container{width:min(660px,calc(100% - 32px))}.ta10-nav{min-height:76px}.ta10-logo{flex-basis:220px}.ta10-admin-tag{font-size:10px;padding:7px}.ta10-main-inner{display:flex;flex-direction:column;gap:22px;padding-top:34px}.ta10-story{width:100%}.ta10-story h1{font-size:clamp(37px,6.8vw,56px);white-space:normal}.ta10-tagline{font-size:19px}.ta10-illustration{width:100%;max-width:620px;margin-left:0;align-self:center}.ta10-benefits{margin-top:3px}.ta10-benefits strong{font-size:13px}.ta10-benefits small{font-size:12px}.ta10-account,.ta10-card{width:100%}.ta10-card-body{padding:27px 28px}.ta10-footer-inner{min-height:70px}}
@media (max-width:600px){.ta10-container{width:calc(100% - 28px)}.ta10-header .ta10-logo{flex-basis:185px}.ta10-nav{gap:9px;min-height:69px}.ta10--admin .ta10-admin-tag{display:none}.ta10-back{font-size:12px}.ta10-back span{margin-left:2px}.ta10-main-inner{padding-top:24px;padding-bottom:24px}.ta10-story h1{font-size:clamp(34px,8.5vw,46px);letter-spacing:-.055em}.ta10-tagline{font-size:16px}.ta10-illustration{margin:0}.ta10-benefits{grid-template-columns:1fr 1fr 1fr}.ta10-benefits>div{flex-direction:column;text-align:center;gap:5px;padding:0 5px}.ta10-benefits strong{font-size:11px}.ta10-benefits small{font-size:10px}.ta10-benefit-icon{font-size:24px}.ta10-card-body{padding:24px 19px}.ta10-card-icon{width:70px;height:70px}.ta10-card h2{font-size:29px}.ta10-card-subtitle{font-size:14px;margin-bottom:24px}.ta10-input-wrap input{height:52px}.ta10-footer-inner{padding:16px 0;flex-direction:column;gap:8px;font-size:12px}.ta10-footer nav{gap:14px}.ta10-main::before{opacity:.35}}
@media (prefers-reduced-motion:reduce){.ta10 *{scroll-behavior:auto!important;transition:none!important}}