header{width:100%;height:64px;box-sizing:border-box;border-bottom:1px solid #e5e5e5;background-color:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:-webkit-sticky;position:sticky;top:0;z-index:100}header .container{max-width:1400px;height:100%;margin:0 auto;padding:0 16px;justify-content:space-between;box-sizing:border-box;position:relative}header .container,header .container .brand{display:flex;align-items:center;flex-direction:row}header .container .brand{gap:8px;text-decoration:none}header .container .brand span{font-weight:700;line-height:28px;font-size:20px;background-image:linear-gradient(90deg,#155dfb 0,#9810fa);background-clip:text;-webkit-background-clip:text;color:transparent}@media only screen and (max-width:640px){header .container nav{position:absolute;top:64px;left:0;width:100%;background-color:rgba(255,255,255,.9333333333);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #e5e5e5;box-sizing:border-box;opacity:0;transform:translateY(-12px);pointer-events:none;visibility:hidden;transition:opacity .18s ease,transform .18s ease;will-change:opacity,transform}header .container nav.mobile{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}}header .container nav.mobile{width:100%;display:flex;position:absolute;top:64px;left:0;border-bottom:1px solid #e5e5e5;box-sizing:border-box;background-color:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}header .container nav.mobile ul{width:100%;box-sizing:border-box;padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}header .container nav.mobile ul li{width:100%}header .container nav.mobile ul li a{width:100%;justify-content:flex-start}header .container nav ul{display:flex;flex-direction:row;gap:24px;align-items:center;list-style-type:none;padding:0;margin:0}header .container nav ul li a{position:relative;line-height:20px;color:#737373;font-weight:500;font-size:14px;text-decoration:none;transition:color .15s ease;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}header .container nav ul li a svg{width:16px;height:16px;transition:color .15s ease}header .container nav ul li a:hover{color:#0a0a0a}header .container .account-section{display:flex;align-items:center;height:40px;gap:8px;flex-direction:row}header .container .account-section a{border-radius:8px;padding:8px 16px;box-sizing:border-box;text-decoration:none;font-weight:500;font-size:14px;line-height:20px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease}header .container .account-section a.login{color:black}header .container .account-section a.login:hover{background-color:#f4f4f5}header .container .account-section a.register{color:#fafafa;background-color:#171717;box-shadow:0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 0 0 0 rgba(0,0,0,0),0 1px 2px 0 rgba(0,0,0,.05)}header .container .account-section a.register:hover{background-color:rgba(23,23,23,.9)}header .container .account-section .mobile-navigation{width:36px;height:36px;display:none;align-items:center;justify-content:center;background-color:transparent;border:none;border-radius:8px;transition:all .15s ease;margin-left:8px}@media only screen and (max-width:640px){header .container .account-section .mobile-navigation{display:flex}}header .container .account-section .mobile-navigation:hover{background-color:#f5f5f5}header .container .account-section .mobile-navigation svg{color:#0a0a0a}