.toast-container{position:fixed;top:20px;right:20px;z-index:9991050}.toast{background-color:#333;color:#fff;padding:15px 20px;border-radius:6px;box-shadow:0 3px 10px rgba(0,0,0,.2);opacity:0;transition:opacity .3s,transform .3s;transform:translateY(-20px);margin-bottom:10px}.toast.show{opacity:1;transform:translateY(0)}.toast.success{background-color:#28a745}.toast.error{background-color:#dc3545}.security-card{border-left:4px solid #25ab2b}.security-card.unsecured{border-left-color:#dc3545}.security-status{font-size:.9rem}.security-status.secured{color:#198754}.security-status.unsecured{color:#dc3545}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:"helvetica",sans-serif;background-color:#f8f9fa;min-height:100vh;display:flex;flex-direction:column}.header{font-size:1.3rem;padding:2rem 3rem;background-color:#fff;position:absolute;top:0;left:0}.header span{font-weight:bold}.main-container{flex-direction:column;display:flex;justify-content:center;position:relative;overflow:hidden;background:#fff}.content-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;z-index:2}.form-section{flex:1 1 100%;padding-right:15%;padding-left:15%}.welcome-title{font-size:2.2rem;font-weight:700;color:#1a1a1a;margin-bottom:.5rem;line-height:1.1}.welcome-subtitle{color:#6b7280;margin-bottom:3rem;font-size:1rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:600;color:#1a1a1a;margin-bottom:.5rem;font-size:.95rem}.form-input{width:100%;padding:12px 6px;border:1.5px solid #e5e7eb;line-height:12px;border-radius:6px;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease;background-color:#fff}.form-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.1)}.form-input::placeholder{color:#9ca3af}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{padding-right:40px}.password-toggle-btn{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s ease}.password-toggle-btn:hover{color:#1a1a1a}.password-toggle-btn .eye-icon,.password-toggle-btn .eye-off-icon{width:20px;height:20px}.form-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.checkbox-group{display:flex;align-items:center;gap:.5rem}.checkbox{width:16px;height:16px;accent-color:#25ab2b}.checkbox-label{font-size:.9rem;color:#1a1a1a;font-weight:500}.forgot-link{color:#1a1a1a;text-decoration:underline;font-size:.9rem;transition:color .2s ease}.forgot-link:hover{color:#10b981}.sign-in-btn{width:100%;background:#25ab2b;color:#fff;border:none;padding:1rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-bottom:1rem;height:48px}.sign-in-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.3)}.sign-up-text{text-align:center;color:#6b7280;font-size:.9rem}.sign-up-link{color:#1a1a1a;text-decoration:underline;transition:color .2s ease;font-weight:bold}.sign-up-link:hover{color:#10b981}.visual-section{flex:1 1 100%;display:flex;align-items:center;justify-content:center;position:relative;background-color:#f4f4f4;overflow:hidden;height:100vh;padding:0 10%}.green-circle{position:relative;width:60%;height:auto;border-radius:50%;background:#25ab2b;overflow:visible;aspect-ratio:1/1;animation:colourChange 300s infinite}.green-circle:after{content:"";position:absolute;bottom:-20%;left:-20%;width:140%;height:70%;backdrop-filter:blur(24px);overflow:visible}@keyframes colourChange{0%{background:#25ab2b}33%{background:#c73a8d}66%{background:#ed0}100%{background:#25ab2b}}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:6px;margin-bottom:1.5rem;font-size:.9rem}.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:.75rem 1rem;border-radius:6px;margin-bottom:1.5rem;font-size:.9rem}.submit-btn{width:100%;background:#25ab2b;color:#fff;border:none;padding:1rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-bottom:1rem;height:48px}.submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.3)}.back-link-text{text-align:center;color:#6b7280;font-size:.9rem}.back-link{color:#1a1a1a;text-decoration:underline;transition:color .2s ease;font-weight:bold}.back-link:hover{color:#10b981}.section-divider{border:none;border-top:2px solid #e5e7eb;margin:2rem 0}.security-notice{background-color:#fef3c7;border:1px solid #fcd34d;border-radius:6px;padding:1rem;margin-bottom:1.5rem;font-size:.85rem;color:#92400e}.password-requirements{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;margin-bottom:1.5rem;font-size:.85rem;color:#4b5563}.password-requirements ul{margin:.5rem 0 0 1.5rem;padding:0}@media(max-width: 1024px){.content-wrapper{flex-direction:column;text-align:center}.form-section{padding-right:10%;padding-left:10%;margin-bottom:3rem}.green-circle{width:300px;height:300px}}@media(max-width: 768px){.header{padding:1.5rem 2rem}.welcome-title{font-size:2.5rem}.main-container{padding:1rem}.green-circle{width:250px;height:250px}}