*{margin:0;padding:0;box-sizing:border-box}.koda-signin-container{display:flex;min-height:100vh;background:#f8fafc}.koda-branding-side{flex:1;background:linear-gradient(135deg,#5b21b6,#7c3aed 50%,#a78bfa);padding:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.koda-branding-side:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 0);background-size:50px 50px;animation:patternMove 20s linear infinite}@keyframes patternMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.koda-branding-content{position:relative;z-index:1;max-width:500px;width:100%}.koda-logo-container{text-align:center;margin-bottom:40px;animation:fadeInDown .8s ease-out}.koda-logo-svg{filter:drop-shadow(0 10px 30px rgba(0,0,0,.3));margin:0 auto}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.koda-tagline{font-size:42px;font-weight:800;color:white;text-align:center;margin-bottom:60px;line-height:1.2;text-shadow:0 4px 20px rgba(0,0,0,.2);animation:fadeIn 1s ease-out .3s both}.koda-tagline-highlight{background:linear-gradient(90deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.koda-features{display:flex;flex-direction:column;gap:25px;margin-bottom:60px}.koda-feature-item{display:flex;align-items:flex-start;gap:20px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;animation:fadeInLeft .8s ease-out both}.koda-feature-item:first-child{animation-delay:.4s}.koda-feature-item:nth-child(2){animation-delay:.6s}.koda-feature-item:nth-child(3){animation-delay:.8s}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.koda-feature-item:hover{background:rgba(255,255,255,.15);transform:translateX(5px)}.koda-feature-icon{font-size:32px;line-height:1;flex-shrink:0;color:#fbbf24}.koda-feature-text h3{font-size:18px;font-weight:700;color:white;margin-bottom:6px}.koda-feature-text p{font-size:14px;color:rgba(255,255,255,.8);line-height:1.5}.koda-branding-footer{text-align:center;margin-top:auto}.koda-branding-footer p{color:rgba(255,255,255,.7);font-size:14px;font-weight:600}.koda-form-side{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:#f8fafc}.koda-form-container{width:100%;max-width:460px;animation:fadeInRight .8s ease-out}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.koda-form-header{text-align:center;margin-bottom:40px}.koda-welcome-icon{font-size:48px;margin-bottom:20px}.koda-welcome-title{font-size:32px;font-weight:800;color:#1e293b;margin-bottom:10px}.koda-welcome-subtitle{font-size:16px;color:#64748b}.koda-error-message{background:#fef2f2;border:2px solid #fecaca;color:#991b1b;padding:16px 20px;border-radius:12px;margin-bottom:25px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;animation:shake .5s ease-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.koda-error-icon{font-size:20px}.koda-form{background:white;padding:40px;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.1);border:1px solid #e2e8f0}.koda-input-group{margin-bottom:25px}.koda-label{display:block;font-size:14px;font-weight:700;color:#334155;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.koda-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.koda-forgot-link{background:none;border:none;color:#7c3aed;font-size:13px;font-weight:600;cursor:pointer;transition:color .2s}.koda-forgot-link:hover{color:#5b21b6;text-decoration:underline}.koda-input-wrapper{position:relative;display:flex;align-items:center}.koda-input-icon{position:absolute;left:16px;font-size:18px;pointer-events:none;opacity:.6}.koda-input{width:100%;padding:14px 16px 14px 48px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;color:#1e293b;transition:all .2s;background:#f8fafc}.koda-input:hover{border-color:#cbd5e1;background:white}.koda-input:focus{outline:none;border-color:#7c3aed;background:white;box-shadow:0 0 0 4px rgba(124,58,237,.1)}.koda-input::placeholder{color:#94a3b8}.koda-password-toggle{position:absolute;right:16px;background:none;border:none;cursor:pointer;font-size:18px;padding:4px;opacity:.6;transition:opacity .2s}.koda-password-toggle:hover{opacity:1}.koda-submit-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:white;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 20px rgba(124,58,237,.4)}.koda-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#4c1d95);transform:translateY(-2px);box-shadow:0 6px 25px rgba(124,58,237,.5)}.koda-submit-btn:disabled{opacity:.7;cursor:not-allowed}.koda-btn-arrow{transition:transform .3s}.koda-submit-btn:hover:not(:disabled) .koda-btn-arrow{transform:translateX(5px)}.koda-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.koda-form-footer{margin-top:30px;text-align:center}.koda-help-text{font-size:13px;color:#64748b;line-height:1.6}.koda-help-link{color:#7c3aed;text-decoration:none;font-weight:600;transition:color .2s}.koda-help-link:hover{color:#5b21b6;text-decoration:underline}.koda-security-badge{margin-top:25px;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f1f5f9;border-radius:10px;border:1px solid #e2e8f0}.koda-security-text{font-size:12px;color:#64748b;font-weight:600}@media (max-width:1024px){.koda-signin-container{flex-direction:column}.koda-branding-side{padding:40px 30px;min-height:40vh}.koda-tagline{font-size:32px;margin-bottom:40px}.koda-features{display:none}.koda-form-side{padding:30px 20px}}