.login-container{background-color:var(--color-bg);justify-content:center;align-items:center;min-height:100dvh;padding:48px 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background-color .3s;display:flex;position:relative;overflow:hidden}.bg-blob-orange{background-color:var(--color-biva);opacity:.06;filter:blur(120px);pointer-events:none;border-radius:50%;width:35rem;height:35rem;animation:20s infinite alternate floatBlob1;position:absolute;top:-10%;right:-10%}.bg-blob-yellow{background-color:var(--color-yellow);opacity:.06;filter:blur(120px);pointer-events:none;border-radius:50%;width:35rem;height:35rem;animation:20s infinite alternate floatBlob2;position:absolute;bottom:-10%;left:-10%}@keyframes floatBlob1{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,30px)scale(1.1)}to{transform:translate(-20px,50px)scale(.9)}}@keyframes floatBlob2{0%{transform:translate(0)scale(1)}50%{transform:translate(-30px,-50px)scale(.9)}to{transform:translate(40px,-20px)scale(1.1)}}.login-card{background-color:var(--color-card);border:1px solid var(--color-border);width:100%;max-width:420px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(8px);z-index:10;border-radius:24px;padding:40px 32px;transition:all .3s;animation:.5s cubic-bezier(.16,1,.3,1) forwards cardEntrance;position:relative}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:32px;display:flex}.logo-box{background:linear-gradient(135deg, var(--color-biva) 0%, var(--color-yellow) 100%);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;transition:transform .2s;display:flex;box-shadow:0 8px 24px #e8440a33}.logo-box:hover{transform:scale(1.08)rotate(3deg)}.login-title{letter-spacing:-.5px;color:var(--color-ink);margin-bottom:8px;font-size:24px;font-weight:800}.login-subtitle{color:var(--color-sub);max-width:280px;margin:0 auto;font-size:13px;line-height:1.45}.google-btn{border:1px solid var(--color-border2);background-color:var(--color-card);width:100%;color:var(--color-ink);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.google-btn:hover{background-color:var(--color-o-light);border-color:var(--color-o-mid);transform:translateY(-1px);box-shadow:0 4px 12px #00000008}.google-btn:active{transform:scale(.98)}.login-divider{justify-content:center;align-items:center;margin:24px 0;display:flex;position:relative}.login-divider:before{content:"";background-color:var(--color-border);height:1px;position:absolute;left:0;right:0}.login-divider-text{background-color:var(--color-card);color:var(--color-sub);text-transform:uppercase;letter-spacing:.5px;padding:0 12px;font-size:11px;font-weight:600;position:relative}.tab-switcher{background-color:var(--color-o-light);border:1px solid var(--color-border);border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:24px;padding:4px;display:grid}.tab-btn{color:var(--color-sub);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:10px 0;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1)}.tab-btn.active{background-color:var(--color-card);color:var(--color-biva);box-shadow:var(--shadow-sm)}.tab-btn:not(.active):hover{color:var(--color-ink)}.form-group{margin-bottom:20px}.form-label{color:var(--color-sub);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:11px;font-weight:700;transition:color .2s;display:block}.form-group:focus-within .form-label{color:var(--color-biva)}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--color-sub);pointer-events:none;align-items:center;display:flex;position:absolute;left:14px}.login-input{border:1.5px solid var(--color-border2);background-color:var(--color-card);width:100%;color:var(--color-ink);border-radius:14px;outline:none;padding:12px 16px 12px 42px;font-family:inherit;font-size:14px;transition:all .2s}.login-input:focus{border-color:var(--color-biva);box-shadow:0 0 0 4px #e8440a1a}.login-input::placeholder{color:var(--color-sub);opacity:.7}.password-toggle{color:var(--color-sub);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;right:14px}.password-toggle:hover{color:var(--color-ink)}.role-selector-label{color:var(--color-sub);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px;font-size:11px;font-weight:700;display:block}.role-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.role-btn{border:1.5px solid var(--color-border2);background-color:var(--color-card);color:var(--color-sub);cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:12px 8px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.role-btn.active{border-color:var(--color-biva);background-color:var(--color-o-light);color:var(--color-biva);box-shadow:var(--shadow-sm)}.role-btn:not(.active):hover{border-color:var(--color-o-mid);color:var(--color-ink)}.role-icon{margin-bottom:6px}.role-note{color:var(--color-sub);margin-top:8px;font-size:10px;font-style:italic;line-height:1.4}.submit-btn{background:linear-gradient(135deg, var(--color-biva) 0%, var(--color-yellow) 100%);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:24px;padding:14px 20px;font-size:14px;font-weight:700;transition:all .2s;display:flex;position:relative;box-shadow:0 6px 20px #e8440a26}.submit-btn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 8px 24px #e8440a40}.submit-btn:active{transform:scale(.98)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.btn-arrow{transition:transform .2s}.submit-btn:hover .btn-arrow{transform:translate(3px)}.feedback-box{border-radius:14px;align-items:flex-start;gap:10px;margin-top:20px;padding:12px 16px;font-size:12px;font-weight:500;line-height:1.5;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex}.feedback-bullet{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.feedback-error{color:#c62828;background-color:#c628280d;border:1px solid #c6282826}.feedback-error .feedback-bullet{background-color:#c62828}.feedback-success{color:#2e7d32;background-color:#2e7d320d;border:1px solid #2e7d3226}.feedback-success .feedback-bullet{background-color:#2e7d32}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}