:root{--primary-color:#fa6400;--secondary-color:#4aba24;--primary-color-bg:#fa640064;--secondary-color-bg:#4aba2464;--bg-primary:#e2e6ee;--bg-secondary:#edf0f587;--text-primary:#1e1e2f;--border-light:#00000014;--shadow-sm:0 4px 20px #0000000f}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);position:relative;background:linear-gradient(45deg,var(--primary-color-bg),var(--secondary-color-bg),var(--primary-color-bg));animation:gradientShift 8s ease infinite;background-size:300% 300%;min-height:200vh;padding-top:90px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.login-header{position:fixed;background:var(--bg-secondary);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border-light);z-index:1000;display:flex;justify-content:space-between;align-items: center;width:100%;padding:12px 24px;top:0;left:0}.login-form{display:flex;background-color:#fff;border-radius:60px;flex-wrap:wrap;align-items: center;gap:12px;padding:8px 20px;transition:box-shadow .2s;box-shadow:0 2px 8px #0000000a}.login-form:focus-within{box-shadow:0 4px 16px #fa640033}.form-group{display:flex;align-items: center;gap:8px}.form-group label{color:var(--text-primary);font-size:.9rem;font-weight:500}.form-group input{border:1px solid var(--border-light);background-color:var(--bg-primary);outline:none;border-radius:40px;width:180px;padding:8px 18px;transition:border-color .2s,background-color .2s,box-shadow .2s;font-size:.95rem}.form-group input:focus{border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 3px #fa640033}.login-btn{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:40px;padding:8px 28px;transition:background-color .2s,transform .1s,box-shadow .2s;font-size:.95rem;font-weight:600;box-shadow:0 2px 6px #fa64004d}.login-btn:hover{background-color:var(--secondary-color);box-shadow:0 4px 12px #4aba2466}.login-btn:active{transform:scale(.97)}@media (max-width:700px){.login-header{padding:12px 16px}.login-form{border-radius:36px;flex-direction:column;align-items:stretch;width:100%;max-width:340px;padding:18px 20px}.form-group{flex-direction:column;align-items:stretch}.form-group input,.login-btn{width:100%}}.logo{width:150px;height:36px}