.w3-2-login{display:flex;min-height:100vh;font-family:var(--font-family-primary, inherit)}.w3-2-login__deco{flex:0 0 45%;background:var(--color-secondary);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.w3-2-login__deco:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:#ffffff0a;top:-200px;right:-200px}.w3-2-login__deco:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:#ffffff0a;bottom:-100px;left:-100px}.w3-2-login__deco-inner{position:relative;z-index:1;padding:60px 52px;display:flex;flex-direction:column;gap:32px;max-width:420px}.w3-2-login__deco-line{width:56px;height:4px;background:var(--color-primary);border-radius:2px}.w3-2-login__deco-title{font-size:3.5rem;font-weight:900;color:#fff;margin:0;line-height:1.05;font-family:var(--font-family-primary, inherit)}.w3-2-login__deco-sub{font-size:1.0625rem;color:#ffffffa6;line-height:1.7;margin:0}.w3-2-login__deco-cards{display:flex;flex-direction:column;gap:14px}.w3-2-login__deco-card{display:flex;align-items:center;gap:16px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px 20px;color:#fff;font-size:.9375rem;font-weight:600;transition:background .3s}.w3-2-login__deco-card i{font-size:1.25rem;color:var(--color-primary);width:24px;text-align:center}.w3-2-login__deco-card:hover{background:#ffffff1f}.w3-2-login__deco-brand{font-size:.8125rem;color:#ffffff59;letter-spacing:.05em;text-transform:uppercase;margin-top:auto}.w3-2-login__form-area{flex:1;background:#fafafa;display:flex;align-items:center;justify-content:center;padding:60px 40px}.w3-2-login__form-inner{width:100%;max-width:420px}.w3-2-login__form-head{margin-bottom:40px}.w3-2-login__form-head-accent{width:40px;height:4px;background:var(--color-primary);border-radius:2px;margin-bottom:20px}.w3-2-login__form-head h1{font-size:2.25rem;font-weight:900;color:var(--color-secondary);margin:0 0 8px;font-family:var(--font-family-primary, inherit)}.w3-2-login__form-head p{font-size:1rem;color:#888;margin:0}.w3-2-login__error{display:flex;align-items:flex-start;gap:12px;background:#fff5f5;border-left:4px solid #e53e3e;border-radius:8px;padding:14px 18px;font-size:.875rem;color:#c53030;margin-bottom:28px}.w3-2-login__error i{margin-top:2px;font-size:1rem}.w3-2-login__error ul{list-style:disc;padding-left:16px;margin:6px 0 0}.w3-2-login__fl-group{position:relative;margin-bottom:28px}.w3-2-login__fl-input{width:100%;border:none;border-bottom:2px solid #ddd;background:transparent;padding:16px 44px 8px 0;font-size:1rem;color:#222;outline:none;transition:border-color .3s;font-family:var(--font-family-primary, inherit);box-sizing:border-box}.w3-2-login__fl-input:not(:-moz-placeholder){border-color:var(--color-primary)}.w3-2-login__fl-input:focus,.w3-2-login__fl-input:not(:placeholder-shown){border-color:var(--color-primary)}.w3-2-login__fl-input:not(:-moz-placeholder)~.w3-2-login__fl-label{top:0;font-size:.75rem;color:var(--color-primary)}.w3-2-login__fl-input:focus~.w3-2-login__fl-label,.w3-2-login__fl-input:not(:placeholder-shown)~.w3-2-login__fl-label{top:0;font-size:.75rem;color:var(--color-primary)}.w3-2-login__fl-label{position:absolute;left:0;top:16px;font-size:.9375rem;color:#aaa;pointer-events:none;transition:top .25s,font-size .25s,color .25s;font-weight:500}.w3-2-login__fl-label i{margin-right:6px}.w3-2-login__fl-bar{position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-primary);transition:width .3s}.w3-2-login__fl-input:focus~.w3-2-login__fl-bar{width:100%}.w3-2-login__eye{position:absolute;right:0;top:50%;transform:translateY(calc(-50% - 1px));background:none;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:1rem;line-height:1;transition:color .2s;z-index:2}.w3-2-login__eye:hover{color:var(--color-primary)}.w3-2-login__eye:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.w3-2-login__field-error{display:block;margin-top:6px;font-size:.8125rem;color:#e53e3e}.w3-2-login__row{display:flex;justify-content:flex-end;margin-bottom:28px}.w3-2-login__forgot{font-size:.875rem;color:var(--color-primary);text-decoration:none;font-weight:600}.w3-2-login__forgot:hover{text-decoration:underline}.w3-2-login__btn{width:100%;padding:0 0 0 28px;background:var(--color-secondary);color:#fff;border:none;border-radius:14px;font-size:1.0625rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:space-between;height:58px;margin-bottom:28px;transition:background .3s,transform .2s;font-family:var(--font-family-primary, inherit)}.w3-2-login__btn span{flex:1;text-align:left}.w3-2-login__btn:hover{background:var(--color-primary);transform:translateY(-2px)}.w3-2-login__btn:hover .w3-2-login__btn-icon{background:#0003}.w3-2-login__btn-icon{width:58px;height:58px;background:#00000026;border-radius:0 14px 14px 0;display:flex;align-items:center;justify-content:center;font-size:1.125rem;transition:background .3s;flex-shrink:0}.w3-2-login__sep{display:flex;align-items:center;gap:12px;margin-bottom:20px}.w3-2-login__sep hr{flex:1;border:none;border-top:1px solid #e0e0e0}.w3-2-login__sep span{font-size:.8125rem;color:#bbb;text-transform:uppercase;letter-spacing:.05em}.w3-2-login__socials{display:flex;gap:12px;margin-bottom:28px}.w3-2-login__soc{flex:1;height:48px;border-radius:12px;border:2px solid #e0e0e0;background:#fff;font-size:1.125rem;cursor:pointer;transition:all .3s}.w3-2-login__soc--fb{color:#1877f2}.w3-2-login__soc--fb:hover{background:#1877f2;color:#fff;border-color:#1877f2}.w3-2-login__soc--gg{color:#ea4335}.w3-2-login__soc--gg:hover{background:#ea4335;color:#fff;border-color:#ea4335}.w3-2-login__link{text-align:center;font-size:.9375rem;color:#888;margin:0}.w3-2-login__link a{color:var(--color-primary);font-weight:700;text-decoration:none;margin-left:4px}.w3-2-login__link a:hover{text-decoration:underline}@media (max-width: 991.98px){.w3-2-login{flex-direction:column-reverse}.w3-2-login__deco{flex:none;min-height:320px;order:2}.w3-2-login__form-area{order:1;padding:50px 36px}.w3-2-login__deco-title{font-size:2.5rem}.w3-2-login__deco-cards{flex-direction:row;flex-wrap:wrap}.w3-2-login__deco-card{flex:1 1 calc(50% - 7px)}}@media (max-width: 767.98px){.w3-2-login__deco{min-height:260px}.w3-2-login__deco-inner{padding:40px 32px;gap:20px}.w3-2-login__deco-title{font-size:2rem}.w3-2-login__deco-sub{font-size:.9375rem}.w3-2-login__deco-cards{display:none}.w3-2-login__form-area{padding:40px 28px}.w3-2-login__form-head h1{font-size:1.875rem}}@media (max-width: 575.98px){.w3-2-login__deco{min-height:200px}.w3-2-login__deco-inner{padding:28px 24px}.w3-2-login__deco-title{font-size:1.75rem}.w3-2-login__form-area{padding:32px 20px}.w3-2-login__form-head h1{font-size:1.625rem}}