.header{background:#f1f7ff;color:#fff;padding:1rem 0;border-bottom:1px solid #dde1e6}.container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem}.logo{height:40px;width:120px}.nav-list{list-style:none;display:flex;margin:0;padding:0}.nav-item{margin-left:1rem}.nav-link{color:#fff;text-decoration:none;transition:color .3s}.nav-link:hover{color:#f0a500}.update-pincode{padding:10px 10px 0 20px;color:#717171;text-align:right;font-size:14px;span{text-decoration:underline;font-weight:600;color:#000}}.download-btn{background-color:#1878ff;color:#fff;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s ease;position:relative;animation:none}.download-btn.slide-out{animation:slideOut .5s forwards}.user-icon{color:#000;cursor:pointer;position:relative;opacity:0;animation:none}.user-icon.slide-in{animation:slideIn .5s .5s forwards}@keyframes slideOut{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.pincode-input{padding:40px;min-height:87vh;h1{text-align:center;margin-bottom:30px}}