@import "https://fonts.googleapis.com/css?family=Roboto:100,300,400";*{box-sizing:border-box}html,body{min-height:100vh;margin:0}html{background:#bcbcbc}.navbar{z-index:100;justify-content:space-between;align-items:center;padding:7px 32px;display:flex;position:sticky;top:0}.nav-left{align-items:center;gap:12px;display:flex}.logo{color:#fff}.menu{cursor:pointer;z-index:2;border-radius:8px;flex-direction:column;gap:3px;padding:10px;transition:background-color .2s;display:flex;position:relative}.menu span{background-color:#000;border-radius:10px;height:3px;transition:transform .3s,opacity .3s;display:block}.menu.open span{background-color:#fff}.menu span:first-child{width:25px}.menu span:nth-child(2){width:17px}.menu span:nth-child(3){width:12px}.menu.open span:first-child{width:25px;transform:translateY(4px)rotate(45deg)}.menu.open span:nth-child(2){opacity:0}.menu.open span:nth-child(3){width:25px;transform:translateY(-8px)rotate(-45deg)}.dropdown{z-index:1;opacity:0;pointer-events:none;background-color:#000;border-radius:8px;flex-direction:column;gap:2px;min-width:150px;padding-top:40px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:7px;left:32px;transform:translateY(-8px)}.dditem{color:#d6d6d6;border-radius:6px;margin-top:-10px;padding:14px 20px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:background-color .2s}.dditem:hover{color:#fff}.menu.open~.dropdown{opacity:1;pointer-events:all;transform:translateY(0)}.loginb-wrap{text-decoration:none}.loginb{color:#fff;cursor:pointer;background:#000;border:none;border-radius:40px;margin-top:10px;padding:12px 27px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;transition:background-color .3s,color .3s}.loginb:hover{color:#fff;background-color:#3b3a3a}.footer{border-top:1px solid #ccc;flex-direction:column;align-items:center;gap:16px;padding:40px 32px;display:flex}.fsocials{gap:24px;display:flex}.sicon{color:#555;font-size:20px;text-decoration:none;transition:color .3s}.sicon:hover{color:#000}.fcopy{color:#999;font-size:10px}