/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
[type=email],[type=number],[type=tel],[type=url]{direction:ltr}
.skip-link{position:absolute;top:-9999px;right:0;z-index:9999;padding:1rem;background-color:#000;color:#fff;text-decoration:none;opacity:0;transition:opacity .3s ease}.skip-link:focus{top:0;opacity:1;outline:3px solid #007bff}:focus-visible{outline:3px solid #007bff;outline-offset:2px}:focus{outline:3px solid #007bff;outline-offset:2px}:focus:not(:focus-visible){outline:0}#login-box{background:linear-gradient(-135deg,#10244c 0,#0a1830 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;overflow:hidden}#login-box::before{content:"";position:absolute;top:-50%;left:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:drift 20s linear infinite}@keyframes drift{0%{transform:translate(0,0)}100%{transform:translate(-50px,50px)}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.login-container{width:100%;z-index:1;max-width:1100px;background:#fff;border-radius:24px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;animation:fadeIn .6s ease-out}.brand-panel{background:linear-gradient(-135deg,#10244c 0,#0a1830 100%)!important;padding:4rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden}.brand-panel::before{content:"";position:absolute;inset:0;background-image:url(/themes/contrib/seeds_ui/images/login-bg.png);background-size:auto;opacity:1;z-index:0}.brand-content{position:relative;z-index:1;animation:slideIn .8s ease-out;display:flex;flex-direction:column;align-items:center;gap:3rem}.logo-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-decoration:none}.login-logo{width:120px;height:80px;display:block;background-repeat:no-repeat;background-size:contain;background-position:center}.logo{width:56px;height:56px;background:linear-gradient(-135deg,rgba(255,255,255,.2),rgba(255,255,255,.1));border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#0a1830;box-shadow:0 8px 16px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo-text{font-size:2rem;font-weight:700;color:#0a1830;letter-spacing:-.02em}.tagline{font-size:1rem;line-height:1.75;margin-bottom:0;max-width:450px}.form-panel{padding:4rem;display:flex;flex-direction:column;justify-content:center;background:#fff}.form-content{max-width:400px;width:100%;margin:0 auto}.form-header{margin-bottom:2rem;animation:fadeIn .8s ease-out .3s backwards}.form-header h1{font-size:1.875rem;color:#1f2933;margin-bottom:.5rem;font-weight:700}.form-header p{color:#464646;font-size:.95rem}.user-login-form{display:flex;flex-direction:column;gap:1.5rem;animation:fadeIn .8s ease-out .5s backwards}.form-item{display:flex;flex-direction:column;gap:.5rem}.form-item__label{font-size:.875rem;font-weight:600;color:#1f2933;margin-bottom:.25rem}.form-element,.form-text{width:100%;padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;color:#464646;background:#f8fafc;transition:all .2s ease;outline:0}.form-element::placeholder,.form-text::placeholder{color:#94a3b8}.form-element:focus,.form-text:focus{border-color:#10244c;background:#fff;box-shadow:0 0 0 4px rgba(16,36,76,.1)}.form-element:hover:not(:focus),.form-text:hover:not(:focus){border-color:#cbd5e0}.form-actions{margin-top:.5rem}.button,.form-submit{width:100%;padding:1rem;background:#10244c;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px rgba(16,36,76,.3)}.button:hover,.form-submit:hover{background:#0a1830;transform:translateY(-2px);box-shadow:0 6px 12px -2px rgba(16,36,76,.4)}.button:active,.form-submit:active{transform:translateY(0)}.hidden{display:none!important}.block__content{width:100%}@media (max-width:900px){.login-container{grid-template-columns:1fr;max-width:500px}.brand-panel{padding:3rem 2rem;min-height:auto}.tagline{margin-bottom:2rem}.form-panel{padding:3rem 2rem}}@media (max-width:480px){.form-panel{padding:2rem 1.5rem}.brand-panel{padding:2rem 1.5rem}.form-header h1{font-size:1.5rem}.login-logo{width:80px!important;height:80px!important}.logo-text{font-size:2rem}}
