@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--primary-color:#7c3aed;--primary-hover:#6d28d9;--background-color:#ecf0f3;--card-border:#d1d9e6;--text-color:#111827;--light-text-color:#6B7280;--error-color:#EF4444;--success-color:#22C55E;--border-radius:0.75rem;--input-border:#D1D5DB;--card-background:#F5F8FC;--shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}html{font-size:14px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.main-centre{display:flex;justify-content:center;align-items:center;padding:1rem}.auth-container{width:100%;max-width:470px;border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;opacity:0;transform:translateY(20px);animation:.5s ease-out .1s forwards fadeIn}.auth-header{padding:1.5rem 2rem;text-align:center;border-bottom:1px solid #e5e7eb}.auth-header img{max-width:120px;margin-bottom:1rem}.auth-header h1{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.auth-header p{color:var(--light-text-color);font-size:.875rem}.auth-content{padding:1.5rem}.auth-form{display:none;animation:.4s ease-in-out fadeFormIn}.auth-form.active{display:block}.form-group{position:relative;margin-bottom:1rem}.form-input{width:100%;box-shadow:inset 6px 6px 6px #cbced1,inset -6px -6px 6px #fff;padding:.75rem 1rem .75rem 2.5rem;border:1px solid var(--input-border);border-radius:50px;font-size:.9rem;transition:.2s;-webkit-appearance:none}.form-input:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(79,70,229,.2)}.form-icon{position:absolute;top:50%;transform:translateY(-50%);color:var(--light-text-color)}.form-icon.left{left:.875rem;pointer-events:none}.form-icon.right{right:1rem;cursor:pointer}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;font-size:.875rem}.checkbox-group label{color:var(--light-text-color);cursor:pointer;display:inline-flex;align-items:center}.checkbox-group input{margin-right:.5rem}.forgot-link,.terms-link{color:var(--primary-color);text-decoration:none;font-weight:500}.forgot-link:hover,.terms-link:hover{color:var(--primary-hover)}.form-switch-text{text-align:center;margin-top:1.25rem;font-size:.875rem;color:var(--light-text-color)}.form-switch-link{font-weight:500;color:var(--primary-color);cursor:pointer;text-decoration:none}.btn{box-shadow:rgba(0,0,0,.3) 0 -40px 36px -28px inset;width:100%;padding:.875rem 1rem;border:none;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative}.btn:disabled{background-color:#9ca3af;cursor:not-allowed;opacity:.7}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:not(:disabled):hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--card-background);color:var(--text-color);border:1px solid var(--input-border)}.btn-secondary:not(:disabled):hover{background-color:#f3f4f6}.btn .loader{position:absolute;left:20px;top:50%;margin-top:-10px;display:none;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top:3px solid #fff;width:20px;height:20px;animation:1s linear infinite spin}.btn.loading .loader{display:inline-block}.btn.loading .btn-text,.btn.loading i{visibility:hidden}.divider{display:flex;align-items:center;text-align:center;margin:1.25rem 0;color:var(--light-text-color);font-size:.875rem}.divider::after,.divider::before{content:'';flex:1;border-bottom:1px solid var(--input-border)}.divider:not(:empty)::before{margin-right:.5em}.divider:not(:empty)::after{margin-left:.5em}.social-logins{display:flex;gap:.75rem}.social-btn{text-transform:capitalize;line-height:1;font-size:14px;color:#fff;background:#007aff;border-radius:50px;padding:10px 15px;border:1px solid #007aff;box-shadow:inset 6px 6px 6px #cbced1,inset -6px -6px 6px #fff}.social-btn:hover{color:#171717}.small-text{font-size:10px}.login-main-modal{position:fixed;inset:0;background:rgba(17,24,39,.5);display:none;justify-content:center;align-items:center;z-index:1000;animation:.3s fadeIn}.login-main-modal.active{display:flex}.login-modal-content{background:#fff;padding:1.5rem;border-radius:var(--border-radius);width:90%;max-width:450px;position:relative;box-shadow:var(--shadow);animation:.4s cubic-bezier(.16,1,.3,1) slideUp}.login-modal-close-btn{position:absolute;top:1rem;right:1rem;background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:var(--light-text-color);line-height:1}.login-modal-content h3{margin-bottom:1rem;font-size:1.125rem;font-weight:600}.login-modal-content p{margin-bottom:1.25rem;color:var(--light-text-color);line-height:1.6;font-size:.875rem}.otp-boxes{display:flex;justify-content:center;gap:8px;margin:1.5rem 0}.otp-boxes input{width:40px;height:45px;text-align:center;font-size:1.25rem;border:1px solid var(--input-border);border-radius:.5rem;-webkit-appearance:none}.otp-boxes input:focus{border-color:var(--primary-color);outline:0}.terms-scroll-body{max-height:50vh;overflow-y:auto;border:1px solid #eee;padding:1rem;margin-bottom:1rem;border-radius:.5rem}#notification{position:fixed;top:1.5rem;left:50%;transform:translateX(-50%);padding:.25rem .75rem;border-radius:1.5rem;color:#fff;font-weight:500;display:none;z-index:2000;background:#322d88;box-shadow:var(--shadow);animation:.5s forwards slideDownFadeIn;width:auto;text-align:center}#page-loader{position:fixed;inset:0;background:var(--card-background);display:flex;justify-content:center;align-items:center;z-index:9999}.spinner{width:50px;height:50px;border:5px solid var(--secondary-color,#f5f8fc);border-top:5px solid var(--primary-color);border-radius:50%;animation:1s linear infinite spin}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@keyframes fadeFormIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDownFadeIn{from{transform:translate(-50%,-150%);opacity:0}to{transform:translate(-50%,0);opacity:1}}@keyframes fadeOutUp{from{transform:translate(-50%,0);opacity:1}to{transform:translate(-50%,-150%);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}