app-auth-layout .auth-heading{margin-bottom:1.5rem}app-auth-layout .auth-heading__eyebrow{margin:0 0 .5rem;color:var(--botola-cyan);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}app-auth-layout .auth-heading h1{margin:0;color:var(--botola-white);font-size:clamp(1.7rem,5vw,2.25rem);letter-spacing:-.04em}app-auth-layout .auth-heading p:last-child{margin:.6rem 0 0;color:#ffffffba;font-size:.95rem;line-height:1.5}app-auth-layout .auth-form,app-auth-layout .auth-field{display:grid}app-auth-layout .auth-form{gap:1rem}app-auth-layout .auth-field{gap:.45rem}app-auth-layout .auth-field label,app-auth-layout .auth-checkbox{color:#ffffffe8;font-size:.88rem;font-weight:650}app-auth-layout .auth-field__label-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}app-auth-layout .auth-field__control{position:relative}app-auth-layout .auth-field input:not([type=checkbox]){width:100%;min-height:3.05rem;border:1px solid rgba(255,255,255,.2);border-radius:.85rem;outline:none;background:#05021559;color:var(--botola-white);padding:.75rem .95rem;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}app-auth-layout .auth-field input::placeholder{color:#ffffff6e}app-auth-layout .auth-field input:not([type=checkbox]):focus{border-color:var(--botola-cyan);background:#0502158c;box-shadow:0 0 0 3px #14d7df2e}app-auth-layout .auth-field__control--password input{padding-right:4.8rem}app-auth-layout .auth-password-toggle,app-auth-layout .auth-text-button{border:0;cursor:pointer;color:var(--botola-cyan);background:transparent;font-size:.8rem;font-weight:750}app-auth-layout .auth-password-toggle{position:absolute;top:50%;right:.5rem;min-width:3.6rem;padding:.45rem;transform:translateY(-50%)}app-auth-layout .auth-text-button{padding:0;text-decoration:underline;text-underline-offset:.2em}app-auth-layout .auth-password-toggle:hover,app-auth-layout .auth-text-button:hover,app-auth-layout .auth-switch a:hover{color:#fff}app-auth-layout .auth-password-toggle:focus-visible,app-auth-layout .auth-text-button:focus-visible,app-auth-layout .auth-switch a:focus-visible,app-auth-layout .auth-checkbox input:focus-visible{outline:3px solid rgba(20,215,223,.72);outline-offset:3px}app-auth-layout .auth-field__error{margin:0;color:#ffc1ef;font-size:.78rem;line-height:1.35}app-auth-layout .auth-checkbox{display:flex;align-items:flex-start;gap:.65rem;cursor:pointer;line-height:1.35}app-auth-layout .auth-checkbox input{width:1.1rem;height:1.1rem;flex:0 0 auto;accent-color:var(--botola-pink)}app-auth-layout .auth-checkbox--terms{margin-top:.15rem}app-auth-layout .auth-submit{display:inline-flex;min-height:3.15rem;align-items:center;justify-content:center;gap:.6rem;border:1px solid rgba(255,255,255,.48);border-radius:.9rem;cursor:pointer;color:#fff;background:linear-gradient(105deg,#a30bda,var(--botola-pink) 52%,#e632bf);box-shadow:0 .75rem 1.6rem #f600bd40,inset 0 1px #ffffff59;font-weight:800;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}app-auth-layout .auth-submit:hover:not(:disabled){box-shadow:0 1rem 2.1rem #f600bd63,inset 0 1px #fff6;filter:saturate(1.15);transform:translateY(-1px)}app-auth-layout .auth-submit:focus-visible{outline:3px solid rgba(20,215,223,.82);outline-offset:3px}app-auth-layout .auth-submit:disabled,app-auth-layout .auth-text-button:disabled{cursor:not-allowed;opacity:.58}app-auth-layout .auth-spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.34);border-top-color:#fff;border-radius:50%;animation:auth-spin .7s linear infinite}app-auth-layout .auth-message{margin:-.4rem 0 1rem;border:1px solid;border-radius:.75rem;padding:.7rem .8rem;font-size:.84rem;line-height:1.35}app-auth-layout .auth-message--error{border-color:#ff99da85;background:#f600bd21;color:#ffd4f3}app-auth-layout .auth-message--success{border-color:#14d7df73;background:#14d7df1f;color:#c9fcff}app-auth-layout .auth-switch{margin:1.45rem 0 0;color:#ffffffb8;text-align:center;font-size:.88rem}app-auth-layout .auth-switch a{color:var(--botola-cyan);font-weight:800;text-decoration-thickness:1px;text-underline-offset:.18em}@keyframes auth-spin{to{transform:rotate(360deg)}}@media(min-width:48rem)and (max-height:50rem){app-login-page app-auth-layout .auth-heading{margin-bottom:1rem}app-login-page app-auth-layout .auth-form{gap:.8rem}}@media(max-width:25rem){app-auth-layout .auth-heading{margin-bottom:1.1rem}app-auth-layout .auth-heading h1{font-size:1.6rem}app-auth-layout .auth-heading p:last-child{font-size:.88rem}app-auth-layout .auth-form{gap:.8rem}}:root{--botola-navy: #0d0526;--botola-purple: #260a62;--botola-pink: #f600bd;--botola-cyan: #14d7df;--botola-white: #fdfcff;--surface-border: rgb(255 255 255 / 22%);color:var(--botola-white);background:var(--botola-navy);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{min-height:100dvh}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}