.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:42px;padding:0 14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:var(--text);text-decoration:none;font-weight:900;font-size:14px;cursor:pointer;user-select:none;white-space:nowrap;transition:transform .12s ease,background .15s ease,border-color .15s ease,filter .15s ease}
.btn:hover{border:2px solid rgba(255,255,255,.55);background:rgba(255,255,255,.08);transform:translateY(-1px)}
.btn-primary{border:0;background:linear-gradient(135deg,rgba(76,242,232,.98),rgba(135,89,255,.92));color:#071018;box-shadow:0 14px 34px rgba(76,242,232,.12),0 14px 34px rgba(135,89,255,.12)}
.btn-primary:hover{filter:saturate(1.04) brightness(1.03);transform:translateY(-1px);color:#fff}
.btn-login{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.16)}
.menu-btn{width:42px;padding:0;display:inline-flex;align-items:center;justify-content:center}
.menu-icon{width:18px;height:12px;position:relative}
.menu-icon span{position:absolute;left:0;right:0;height:2px;border-radius:999px;background:rgba(244,246,255,.9)}
.menu-icon span:nth-child(1){top:0}
.menu-icon span:nth-child(2){top:5px;opacity:.9}
.menu-icon span:nth-child(3){top:10px;opacity:.8}
@media (max-width:859px){.btn{height:40px;padding:0 12px;border-radius:12px}.menu-btn{width:40px}}